如何用css控制表格的边框

设置表格边框的方式

<style>
.table3 {border-top:1px solid #d6d6d6; border-left:1px solid #d3d3d3; text-align:right; width:100%; margin:0 0;}
.table3 td,.table1 th {border-bottom:1px solid #d3d3d3; border-right:1px solid #d6d6d6;}
.table3 th { height:30px; background:#e8e8e8;}
.table3 td { height:25px; line-height:25px;padding:0px 8px 0px 8px;text-align:left;}

</style>
<table class="table3">
    <tr><td>css修改表格</td></tr>
</table>

这样就完成了表格边框的显示,这是细线显示出来,如果想不要上下左右任意边框可以进行对应的设置

转载于:https://www.cnblogs.com/ricksun/articles/1544790.html