在html的表格中,怎么把表格的边框设置为实线框?具体的代码是什么?谢谢

html-css011

在html的表格中,怎么把表格的边框设置为实线框?具体的代码是什么?谢谢,第1张

<style type="text/css">

<!--

.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>