帖子的边框

一些简单Html代码的使用方法(二)边框

Html代码语法

（二）帖子的边框

要做一个漂亮点的帖子就离不开边框，边框其实就是用表格代码做成的,

只要你熟悉表格的各个标签属性就能做出各式各样的边框了。更多表格代码请点这里

这里说明一下，本网站比较特别，好多代码在浏览器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代码的使用方法(五)