本文摘自PHP中文网，作者不言，侵删。
下面为大家带来一篇有关HTML表格边框的设置小技巧。内容挺不错的，现在分享给大家，也给大家做个参考对于很多初学HTML的人来说，表格<table>是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。
一般我们用表格的时候总会给它个border属性，比如：<table border="1">，其效果如下：
对于很多初学HTML的人来说，表格<table>是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。
一般我们用表格的时候总会给它个border属性，比如：<table border="1">，其效果如下：
但是，好像宽度还是没有我们想象的那样：只有一个像素的宽，其实，上图大家看到的其实是两个像素的宽，为什么呢，这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可，
即
1 |
|
再给表格加个颜色，
1 |
|
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
HTML中使背景图片自适应浏览器大小
实例详解PHP中html word 互转的方法
以上就是关于HTML表格边框的设置的技巧的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
Html中big标签如何使用？Html big标签的使用实例
Html font标签是什么？<font>标签的属性的详细介绍
input表单如何制作多行文本输入框？一篇文章教你学会使用input标签
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
