首页 > web前端 > css教程 > 正文

怎样用CSS对td设置边框

php中世界最好的语言
发布: 2017-11-20 17:30:47
原创
5269 人浏览过

很多朋友都很苦恼表格样式怎么设置。之前说过对table设置边框。今天给大家带来怎样用CSS对td设置边框,以后也会继续更新关于表格的小技巧与设置,也请大家持续关注。

对table表格td设置边框样式,表格对象内td将实现边框样式,但中间部分td会导致出现双边框。

详细案例教程如下:

1、对应css代码

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

2、对应html源代码片段

<div class="table-b"> 
<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>PHP</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>m.sbmmt.com</td> 
<td>PHP</td> 
</tr> 
</table>
登录后复制

这就是用CSS对td设置边框的方法,你学到了吗?

相关阅读:

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


用DIV和CSS作下拉菜单


css布局需要注意的几点

以上是怎样用CSS对td设置边框的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板