|
（二）帖子的边框
要做一个漂亮点的帖子就离不开边框，边框其实就是用表格代码做成的,
只要你熟悉表格的各个标签属性就能做出各式各样的边框了。更多表格代码请点这里
这里说明一下，本网站比较特别，好多代码在浏览器IE6浏览正常，在IE7和IE8浏览效果就不正常了。
IE6已经淘汰了，现在常用IE8，以下所说代码就以IE8浏览器为主。
既然这个网站代码显示特别就用特别的方法吧。
一个表格代码：
<table border="1">
<tr>
<td>
想要写的内容
</td>
</tr>
</table>
显示效果:
从上面代码可以看出，表格代码前后接近对称，前面有什么后面就有什么，后面的就多了根斜杠“/”
注意里面的半角号“<” “>”缺一不可!!!
●●单层边框
在上面表格代码里面的<table>和<td>标签区域内加入一些属性，表格就会发生变化.
以下边框数据只做示例,实际应用请自行调整.
※ <table>标签区域加入属性代码样式
※ <td>标签区域加入属性代码样式
实际应用代码:
<table border="1" width="500" bgcolor="#0A0A5C" height="100" bordercolor="#CF0000" align="center">
<tr>
<TD width="500" height="100" align="center" background="http://image50.360doc.com/DownloadImg/2012/04/0118/22831557_4.gif">
想要写的内容
</td>
</tr>
</table>
效果:
这样用一个表格就做成了一个单层边框,你想要怎样的效果就加入什么属性，
注意在标签里面的属性和属性之间一定要有空格，是空格键打出来的空格。
更多详细标签属性请点这里.
●●两层边框
代码样式:
<TABLE style="POSITION: relative; WIDTH: 500px; HEIGHT: 200px" border=1 bgColor=#0a0a5c align=center>
<TBODY>
<TR>
<TD background=http://image50.360doc.com/DownloadImg/2012/04/0118/22831557_4.gif align=middle>
<TABLE style="POSITION: relative; WIDTH: 460px; HEIGHT: 170px" border=1>
<TBODY>
<TR>
<TD background=http://image50.360doc.com/DownloadImg/2012/04/0118/22831557_5.gif>
想要写的内容
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
效果
上面代码红色部分为边框外层，蓝色部分为边框内层.由于本网站特别，在<TABLE>区域必须加入
CSS滤镜style="POSITION: relative; WIDTH: 500px; HEIGHT: 200px" 调整高度HEIGHT和宽度WIDTH,才能做出想
要的效果边框! 通过熟悉两层边框代码, 想要做三层四层的边框应该很简单的. 请发挥你的想象力吧.......
其他四篇链接
一些简单Html代码的使用方法(一)
一些简单Html代码的使用方法(三)
一些简单Html代码的使用方法(四)
一些简单Html代码的使用方法(五)
| 
