制作HTML边框的方法 - 日志 - 小雨 - 亚心我家院子-开始寻找属于你的空间

来源:百度文库 编辑:神马文学网 时间:2024/04/28 14:18:50
标签:  边框  HTML  制作 

 

http://ny.xmu.edu.cn/editor.asp  HTML在线编辑器地址 打开

编辑器界面截图[制作工具在文章下面]

 

打开编辑器,点上面最下一排第9个符号插入表格,如下设置

 

 

最上面四组就按图片上设置,单元间距和单元边框是这张图片显示多宽,

可以随你的想法输入,一般线条的宽输入1PX到10PX就可以了,

在“背景图片”那儿插入你想放上去的图片地址。

点确定后,桌面上出现编辑的状态,然后在图片上插入光标,如果

不能插上光标,就在左下角点一下源码在点回编辑,就可以了,

插上光标后跟做第一层一样的,可以根据自己的喜欢放第二层,

第三层等很多层的图片,宽度也自己掌握。做好边框如下:

 

 

 

然后把上面边框宽的部份删一些跟左右一样,下面不用管,

鼠标插在图片的中间,向下击回车键,就能看出边框的效果了,

或者点下面的预览也行。 效果如下:


然后点击下面的源代码(在编辑器的左下方),复制全部代码,

到你空间的写日志地方,点开高级,打开HTML编辑,把代码粘贴上

在粘贴前要把里面的符号全部删掉,那样才会显示正确。


然后在右上角有一个返回,点击返回,就可以看到效果,然后在

边框中间写日志和加上你喜欢的图片就行了。朋友们喜欢日志

做多长,就敲击回车键。边框会自然往下延伸的。

 在边框中加上现成的图片和FLASH图片

以及写文章就跟你平时做日志是一样的。  

能够很熟练的用好上面的代码,你就可以做好一幅漂亮完整的音画了,

 

 

用代码做边框:


http://b39.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1b4b3c82874e907769ef51320068fe71b0fba9df57b7526e9158bd5c7714737ecfd1d2baecc01d3380a2bf9e1794b2459877867a6a4c1954cd5c06ac2091a00e5703b1c59d4ccd03176106579f605033d901c2d0&a=31&b=39)" borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



 


 


 


 


http://b32.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1b4b3c82874e907769ef51320068fe7175d497ed6628d55de00c65f2b4bfd57715b5619e410f4bd4813b84b56a1b3cd794d1092c9ebae6ddf3e855ea6e0113e8de021f1da8577cb9aa5d6a03f6682d3c98d1266e&a=32&b=32)" borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



 


 


 


 http://user.qzone.qq.com/599276755" target=_blank>http://b35.photo.store.qq.com/http_imgload.cgi?/rurl4_b=73ac23bc4da0e6ad938eb6e442b6ab1fa6f906c2cfc030e1b1173faf131cd71eb8df250ba335119efea86df0344bc4e05d836ee669c1d1f7fa15d76a1f55b785d857e8517a1b0db5575ff7a017a4da4f2a59900f&a=35&b=35" width=48 fakesize="1">           http://user.qzone.qq.com/599276755" target=_blank>http://b35.photo.store.qq.com/http_imgload.cgi?/rurl4_b=73ac23bc4da0e6ad938eb6e442b6ab1fa6f906c2cfc030e1b1173faf131cd71eb8df250ba335119efea86df0344bc4e05d836ee669c1d1f7fa15d76a1f55b785d857e8517a1b0db5575ff7a017a4da4f2a59900f&a=35&b=35" width=48 fakesize="1">


http://b32.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1b4b3c82874e907769ef51320068fe7175d497ed6628d55de00c65f2b4bfd57715b5619e410f4bd4813b84b56a1b3cd794d1092c9ebae6ddf3e855ea6e0113e8de021f1da8577cb9aa5d6a03f6682d3c98d1266e&a=32&b=32)" borderColor=#cccccc cellSpacing=90 cellPadding=90 width="100%" align=center bgColor=#ffffff border=0>



http://b32.photo.store.qq.com/http_imgload.cgi?/rurl4_b=73ac23bc4da0e6ad938eb6e442b6ab1f62b63668535be8e0d265534be835241bc959d6bec9a4ebe258830a383b3c17e170b3b26ec79de0963dee81046052c8f200c936a1c3f90bcffa02bfdae3797efc54e4e81a&a=32&b=32)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>



 















 


 


 


http://user.qzone.qq.com/599276755/blog/1260187579" target=_blank>  


 


 











 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


http://b32.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1b4b3c82874e907769ef51320068fe7175d497ed6628d55de00c65f2b4bfd57715b5619e410f4bd4813b84b56a1b3cd794d1092c9ebae6ddf3e855ea6e0113e8de021f1da8577cb9aa5d6a03f6682d3c98d1266e&a=32&b=32)" borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



  http://user.qzone.qq.com/599276755" target=_blank>http://b35.photo.store.qq.com/http_imgload.cgi?/rurl4_b=73ac23bc4da0e6ad938eb6e442b6ab1fa6f906c2cfc030e1b1173faf131cd71eb8df250ba335119efea86df0344bc4e05d836ee669c1d1f7fa15d76a1f55b785d857e8517a1b0db5575ff7a017a4da4f2a59900f&a=35&b=35" width=48 fakesize="1">           http://user.qzone.qq.com/599276755" target=_blank>http://b35.photo.store.qq.com/http_imgload.cgi?/rurl4_b=73ac23bc4da0e6ad938eb6e442b6ab1fa6f906c2cfc030e1b1173faf131cd71eb8df250ba335119efea86df0344bc4e05d836ee669c1d1f7fa15d76a1f55b785d857e8517a1b0db5575ff7a017a4da4f2a59900f&a=35&b=35" width=48 fakesize="1">


    


 


 


http://b38.photo.store.qq.com/http_imgload.cgi?/rurl4_b=1b4b3c82874e907769ef51320068fe71a5f03d33b81cffeaa787e8f9e09ec803140d7c44168be85bdc3f871176cf21764d3bf2a1393a4034d184799b4aad0e9bbf61fcc7875ffd22a880e6f68c7190af4e57c2a8&a=36&b=38)" borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



 


 


 


 

页