很多朋友都很苦恼表格样式怎么设置,今天就给大家详细讲解一下css表格样式怎么设置。先说一种方法,只对table设置边框。之后给大家带来设置表格其他元素的方法,请持续关注
只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。
案例详细如下:
1、对应css代码
2、对应html代码片段
1、对应css代码
<style> .table-a table{border:1px solid #F00} /* css注释:只对table标签设置红色边框样式 */ </style>
2、对应html代码片段
<div class="table-a"> <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>m.sbmmt.com</td> <td>CSS学习</td> </tr> <tr> <td>CSS5</td> <td>m.sbmmt.com</td> <td>CSS切图</td> </tr> </table> </div>
这就是CSS只对表格table的标签设置边框的方法,你学到了吗?
相关阅读:
Atas ialah kandungan terperinci 怎样用CSS只对表格table的标签设置边框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!