怎样用CSS对td设置边框
程序员文章站
2022-03-28 09:57:36
...
很多朋友都很苦恼表格样式怎么设置。之前说过对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>www.php.cn</td> <td>PHP</td> </tr> <tr> <td>PHP</td> <td>www.php.cn</td> <td>PHP</td> </tr> </table>
这就是用CSS对td设置边框的方法,你学到了吗?
相关阅读:
以上就是怎样用CSS对td设置边框的详细内容,更多请关注其它相关文章!
上一篇: 有哪些使用 HTML5 技术开发的、基于移动平台的网页游戏站点?
下一篇: 为 Laravel 项目快速定制拥有 Bootstrap 风格的面包屑导航_html/css_WEB-ITnose
推荐阅读
-
android实现对EditText控件设置边框
-
求解如何在表格边框中设置颜色_html/css_WEB-ITnose
-
帮我看一下我的网站字符编码设置的对吗_html/css_WEB-ITnose
-
帮我看一下我的网站字符编码设置的对吗_html/css_WEB-ITnose
-
求教如何设置圆角边框有多种颜色?_html/css_WEB-ITnose
-
求教如何设置圆角边框有多种颜色?_html/css_WEB-ITnose
-
文本框设置100%宽度,内容过多时所在td的宽度失效_html/css_WEB-ITnose
-
为什么设置的表格边框的颜色 预览页面的时候边框都变成黑色了_html/css_WEB-ITnose
-
设置html表格无边框_html/css_WEB-ITnose
-
父元素设置overflow:hidden对定位元素也有效_html/css_WEB-ITnose