如何去掉bootstrap table中表格样式中横线竖线

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

         

           

修改之前，表格看上去比较拥挤，因为bootstrap table插件中自带斑马线表格样式，有横线和竖线分栏，现在我们不需要这些。

应UI设计的要求，要去掉中间的横线和竖线，使用了修改需求中一种简单粗暴的修改方法，打卡网页F12键，找到横线竖线所对应的位置，直接添加代码border:0px;测试成功。

返回编辑器，在css里面添加

.table>tbody>tr>td{    border:0px;    }

修改之后的效果，果然美观了很多，看起来不再那么的繁琐杂乱。

原文作者：祈澈姑娘
技术博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

关注「编程微刊」公众号 ，在微信后台回复「领取资源」，获取IT资源300G干货大全。公众号回复“1”，拉你进程序员技术讨论群

         

       

           

给我老师的人工智能教程打call！http://blog.youkuaiyun.com/jiangjunshow