继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

BIG阳
关注TA
已关注
手记 429
粉丝 70
获赞 457

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

webp

图片.png

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


webp

图片.png

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

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

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


webp

图片.png



作者:祈澈菇凉
链接:https://www.jianshu.com/p/ea0f2b44a8cb


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP