欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-16 21:24:12
...
很多朋友都很苦恼表格样式怎么设置,今天就给大家详细讲解一下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代码片段

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

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

相关阅读:

用DIV和CSS作下拉菜单

css3实现阴影效果实例

css布局需要注意的几点

以上就是怎样用CSS只对表格table的标签设置边框的详细内容,更多请关注其它相关文章!