html怎么设置表格边框(2)-木庄网络博客

2022-03-16 02:14:17 PHP中文网 JavaScript 百度已收录

取消单元格间的空白，上一步骤中，虽然设置行内的边框，但是单元格之间的空白往往不是我们想要的，所以我们可以通过下面的代码设置：

<style>
tr td,th{
border:1px solid red;
}
/*取消table标签中的单元格空白*/
.mt{
 border-collapse:collapse;
}
</style>

为表格设置外边框，代码如下：

<style>
.mt{
 border-collapse:collapse;
 border:1px solid black; /*设置表格的外边框*/
}
</style>

设置行边框，相对对于单元格边框设置，行边框的设置更加常见。我们只需要使用如下代码

<style>
  
  
.mt{
 border-collapse:collapse;
 border:1px solid black;
}
/*设置行边框*/
.mt tr{
border-bottom:1px solid black;
}
</style>

【推荐学习：HTML视频教程】

以上就是html怎么设置表格边框的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者