专栏首页编程微刊如何去掉bootstrap table中表格样式中横线竖线

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

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

图片.png

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

图片.png

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

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

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

图片.png

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 回调函数路由,模板渲染

    王小婷
  • 【干货】前端开发者最常用的六款IDE

    王小婷
  • 面试经历|为即将找工作的你保驾护航

    王小婷
  • 【经典论文回顾】【SLAM】开源 | ORB-SLAM1,视觉SLAM领域的集大成者

    论文地址: http://webdiis.unizar.es/~raulmur/MurMontielTardosTRO15.pdf

    CNNer
  • enq: TM - contention锁争用的解决

    这两天生产上碰见个表锁争用的问题,现象就是04:00夜维一启动,应用就开始处理缓慢,AWR看,enq: TM - contention等待事件占比超过了97%,

    bisal
  • 【剑指offer】31.整数中1出现的次数

    求出1 ~ 13的整数中1出现的次数,并算出100 ~ 1300的整数中1出现的次数?为此他特别数了一下1~13中包含1的数字有1、10、11、12、13因此共...

    AI那点小事
  • 贪心--HDU 2021 发工资咯

    Description 作为杭电的老师,最盼望的日子就是每月的8号了,因为这一天是发工资的日子,养家糊口就靠它了,呵呵,但是对于学校财务处的工作人员来说,这一...

    风骨散人Chiam
  • STM32 内存分配解析及变量的存储位置

    在一些桌面程序中,整个内存映射是通过虚拟内存来进行管理的,使用一种称为内存管理单元(MMU)的硬件结构来将程序的内存映射到物理RAM。在对于 RAM 紧缺的嵌入...

    Mculover666
  • 基于APNs最新HTTP/2接口实现iOS的高性能消息推送(服务端篇)

    本文原作者:liuyan731,原文地址:liuyan731.github.io/2017/12/05/How-To-Use-APNs-Pushy,内容有改动。

    JackJiang
  • Java单元测试框架(二)——JUnit5

    注意:@BeforeAll、 @AfterALL注解方法必须是静态方法,否则会抛出运行时错误。

    小老鼠

扫码关注云+社区

领取腾讯云代金券