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

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

2020-11-27 18:49:56 责编:小采

点击下载本文 文档为doc格式

很多朋友都很苦恼表格样式怎么设置，今天就给大家详细讲解一下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>www.gxlcms.com</td> 
<td>CSS学习</td> 
</tr> 
<tr> 
<td>CSS5</td> 
<td>www.gxlcms.com</td> 
<td>CSS切图</td> 
</tr> 
</table> 
</div>

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

全部频道