<!--
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>
设置表格的样式可以直接使用css的border样式来设置的。
工具原料:编辑器、浏览器
1、设置一个表格的外边框为红色,内边框的为,代码如下:
<body ><table>
<tr>
<td>知道</td>
<td>知道</td>
<td>知道</td>
</tr>
<tr>
<td>知道</td>
<td>知道</td>
<td>知道</td>
</tr>
<tr>
<td>知道</td>
<td>知道</td>
<td>知道</td>
</tr>
</table>
<style>
table {
border:1px solid red;
}
td{
border: 1px solid yellow;
}
</style>
</body>
2、运行的效果如下:
在table标签内加 border=1
例如: <table border=1></table>
边框的属性有:
border:边框大小
bordercolor:边框颜色
bordercolordark:边框暗边颜色(即右下边框颜色)
bordercolorlight:边框亮边颜色(即左上边框颜色)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)