本文摘自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 代码约定
css在Html中三种实现方式是什么
在Html页面中加入js可以用什么方法
Html中div是什么
什么是Html语言
Html5与传统Html的区别，有哪些新增的和废除的元素？
浏览器中5种常用的事件解析
Html中鼠标停留时整行变色
Html怎么去除下划线
怎么实现Html禁止选择
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html表格边框怎么去掉
