<!--
.tableborder {
border-top-width: 1px
border-right-width: 1px
border-bottom-width: 1px
border-left-width: 1px
/*以上分别设置的是表格边框中上右下左的边框宽度*/
border-top-style: solid
border-right-style: solid
border-bottom-style: solid
border-left-style: solid
/*设置边框的表现样式,solid为实线*/
border-top-color: #0000FF
border-right-color: #0000FF
border-bottom-color: #0000FF
border-left-color: #0000FF
/*设置边框的颜色*/
}
-->
</style>
<table width="300" height="100" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td>class="tableborder"是对样式的调用,写在table标签内</td>
<td> </td>
</tr>
</table>
双实线:. <p style=border-style:double>双线式边框</p>如:.cc {border:4px #39F double}其它:
<p style=border-style:none>无边框</p>
<p style=border-style:dotted>点线式边框</p>
<p style=border-style:dashed>破折线式边框</p>
<p style=border-style:solid>直线式边框</p>
<p style=border-style:double>双线式边框</p>
<p style=border-style:groove>槽线式边框</p>
<p style=border-style:ridge>脊线式边框</p>
<p style=border-style:inset>内嵌效果的边框</p>
<p style=border-style:outset>突起效果的边框</p>
<html><head>
<style>
<!--collapse属性控制表格是否立体凹陷-->
table.coll
{
border-collapse: collapse
border-color:#999
}
td{border-color:#999}
</style>
</head>
<body>
<table class="coll" border="1" width="300">
<tr>
<td>123456789</td>
<td>123456789</td>
</tr>
<tr>
<td>123456789</td>
<td>123456789</td>
</tr>
</table>
</body>
</html>