怎样对table和td技巧性设置表格边框
程序员文章站
2022-03-16 21:23:42
...
很多朋友都很苦恼表格样式怎么设置。之前说过对table设置边框和对td设置边框。今天给大家带来对table和td技巧性设置表格边框,以后也会继续更新关于表格的小技巧与设置,也请大家持续关注。
对td设置左与上边框,这样td与td相邻就会只出现单一边框样式,这样就会出现表格右侧和下部没有边框,这个时候我们设置table右和下 边框解决显示右侧和下侧td剩下未显示边框。
1、对应css代码:
<style> .table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} .table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} /* 只对table td设置左与上边框,对table设置右与下边框; */ </style>
2、对应html源代码片段:
<div class="table-c"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="105">站名</td> <td width="181">网址</td> <td width="112">说明</td> </tr> <tr> <td>PHP</td> <td>www.divcss5.com</td> <td>PHP</td> </tr> <tr> <td>PHP</td> <td>www.php.cn</td> <td>PHP</td> </tr>
这就是怎样对table和td技巧性设置表格边框,你学到了吗?
相关阅读:
以上就是怎样对table和td技巧性设置表格边框的详细内容,更多请关注其它相关文章!
上一篇: 行内元素和块级元素的区别
下一篇: mysql插入语句的有关问题