Question

怎么用CSS设置html中的表格边框样式

Answer 1

　　对table设置css样式边框，分为几种情况：1、只对table设置边框；2、对td设置边框；3、对table和td技巧性设置表格边框；4、对table和td设置背景，实现完美表格边框。

代码如下：
1、只对table设置边框；
<style> .table-a table{border:1px solid #F00} /* css注释：只对table标签设置红色边框样式 */ </style>2、对td设置边框；
<style> .table-b table td{border:1px solid #F00} /* css注释：只对table td标签设置红色边框样式 */ </style>3、对table和td技巧性设置表格边框；
<style> .table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} .table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} /* css 注释： 只对table td设置左与上边框； 对table设置右与下边框； 为了便于截图，我们将css 注释说明换行排版 */ </style>4、对table和td设置背景，实现完美表格边框。
<style> .table-d table{ background:#F00} .table-d table td{ background:#FFF} /* css注释：设置table背景为红色，td背景为白色 */ </style>
总结：
以上四种方式实现table表格边框样式方法，推荐使用第三和第四种方法来解决表格边框样式。希望此html table边框布局方法对大家有帮助并能掌握，平时需要时灵活运用。

Answer 2

代码示例

<style>
.a {
border:#000 3px solid;
</style>

<div class="a">
</div>

其中CSS中border属性为边框线属性

第一个值设置边框线颜色，可为颜色英文单词或16进制代码

第二个值设置边框线粗细

第三个值设置线体样式 solid为实线 dotted为点线 double为双边框线 还有个虚线