微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html只给table设置边框颜色

HTML中的table标签是用来创建表格的,其中包含了列和行,也可以在单元格中添加文字图片内容。在认情况下,table标签是没有边框的,但我们可以通过设置边框属性来给表格添加边框。 要想只给表格设置边框颜色,我们可以使用CSS中的border-color属性,这个属性允许我们设置单独的边框颜色。但在设置之前,我们需要先给表格的各个边框设置上border属性,这样border-color属性才会生效。 下面是一个例子,我们只给表格设置了边框颜色,其他边框的属性都是认值:

<table border="1" style="border-color: red;">

html只给table设置边框颜色

<tr>

<td>第一行第一列</td>

<td>第一行第二列</td>

</tr>

<tr>

<td>第二行第一列</td>

<td>第二行第二列</td>

</tr>

</table>

示例所展示的表格效果如下图: ![table-border-color](https://img-blog.csdn.net/20170415195554003?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvMjAwNy0wOS0wMS84ODc3MjA2Ng==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/q/75) 我们可以看到,整个表格的边框颜色为红色。 总结一下,只给table设置边框颜色的方法是使用CSS中的border-color属性,但在设置之前,需要先将各个边框的border属性设置上。这样可以让我们的表格美观大方,也让我们的网页更加生动活泼。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐