彩色虚线表格的制作方法


   

在<head>和</head>中加入如下代码:
<style type="text/css">
<!--
.tab1 {
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #0099CC;
border-right-color: #0099CC;
border-bottom-color: #0099CC;
border-left-color: #0099CC;
}
-->
</style>

在合适的单元格位置中插入表格代码:
<table width="200" border="0" cellpadding="2" cellspacing="2" class="tab1">
<tr>
<td><div align="center">虚</div></td>
<td><div align="center">线</div></td>
</tr>
<tr>
<td><div align="center">表</div></td>
<td><div align="center">格</div></td>
</tr>
</table>

线
解说:如果是想做实线,就把dotted改为solid

返回

                                                                                            来源:互联网  已被阅读: 次