02
2020
04

去掉Bootstrap表格边框和设置表格间距


Bootstrap默认表格样式,为了区别我加了背景色


4e82c130b65739f84ec96ff90abaa76a.jpg


这个表格是默认带边框的,如何去掉边框,直接上代码:


*{

     border: 0px solid transparent !important;

 }


f4a5f2ba29aaa3d824e2b1110c63196e.jpg


有时候我们需要表格和表格之间有间距,然而table的tr没有margin,即使设置了margin也没用


26e8c3501c5ce4b7a8654a4768af44e5.jpg


这个时候通过border-collapse和border-spacing来设置


table{

    border-collapse:separate;

    border-spacing:0 0.5rem;

}


44e9c790d982f9be79ce3d2ad1c60b1f.jpg


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/frankcheng5143/article/details/53636140

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。