本文摘自PHP中文网，作者藏色散人，侵删。
去掉html表格边框的方法：首先创建一个HTML示例文件；然后在body中通过table标签创建表格内容；最后通过“border-left: none;border-right: none;”等css属性去掉指定的表格边框即可。
本文操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
HTML中Table去掉左右两边的边框
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | .table {
text-align: center;
}
.table table {
font-size: 14px;
border-collapse: collapse;
width: 70%;
table-layout: fixed;
text-align: center;
line-height: 25px;
margin:0 auto;
}
.table table tr {
border: dashed 1px #a59e9e;
border-left: none;
border-right: none;
}
|
效果如图所示：
阅读剩余部分
相关阅读 >>
在Html语言中，单元格的标记是什么
Html中<p>是什么
如何使用Html在两个div标签中间画一条竖线
Html超链接字体颜色怎么改？超链接字体颜色的更改方法总结
Html常用标签及属性
Html中table边框颜色怎么设置
Html中频繁用的标签总结
js开发之动态修改网页元素样式
h5与传统Html的区别
css实现等高布局的三种方式（代码示例）
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html表格边框怎么去掉
