css如何实现很行的底部是虚线?

来源:百度知道 编辑:UC知道 时间:2024/05/16 14:55:30
<table width="542" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>

这是一个两行5列的表格,如果用CSS样式将每行的底部的那条实线换成虚线?

</table>

如果只有这个表格的话,在css里面添加
<style>
td {border-bottom:1px dashed #000000;}
</style>
如果有很多表格 只要这个表格有这个样式的话
你先在 这个table里添加一个 ID 如
<table width="542" border="0" cellspacing="0" cellpadding="0" id="a1">
然后CSS写成<style>
#a1 td {border-bottom:1px dashed #000000;}
</style>
另外CSS添加到<head></head>之间这个不用我说 你应该明白把

在css中用边框点划线方式能够实现.而且在css里可以设置边框,你可以只要上边框或者下边框,你可以设置只要上下不要左右。等等。