怎样用CSS只对表格table的标签设置边框

很多朋友都很苦恼表格样式怎么设置,今天就给大家详细讲解一下css表格样式怎么设置。先说一种方法,只对table设置边框。之后给大家带来设置表格其他元素的方法,请持续关注

只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。

案例详细如下:

1、对应css代码

<style> .table-a table{border:1px solid #F00} /* css注释:只对table标签设置红色边框样式 */ </style>

2、对应html代码片段

1、对应css代码

<style> 
.table-a table{border:1px solid #F00} 
/* css注释:只对table标签设置红色边框样式 */ 
</style>

2、对应html代码片段

<p 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>www.php.cn</td> 
<td>CSS学习</td> 
</tr> 
<tr> 
<td>CSS5</td> 
<td>www.php.cn</td> 
<td>CSS切图</td> 
</tr> 
</table> 
</p>

这就是CSS只对表格table的标签设置边框的方法,你学到了吗?

怎样用CSS只对表格table的标签设置边框

相关文章:

你感兴趣的文章:

标签云: