如何去掉bootstrap table中表格樣式中橫線豎線


修改之前,表格看上去比較擁擠,因為bootstrap table插件中自帶斑馬線表格樣式,有橫線和豎線分欄,現在我們不需要這些。


應UI設計的要求,要去掉中間的橫線和豎線,使用了修改需求中一種簡單粗暴的修改方法,打卡網頁F12鍵,找到橫線豎線所對應的位置,直接添加代碼border:0px;測試成功。



返回編輯器,在css里面添加

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

修改之后的效果,果然美觀了很多,看起來不再那么的繁瑣雜亂。



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

90后前端妹子,愛編程,愛運營,愛折騰。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,歡迎大家一起探討交流。

關注「編程微刊」公眾號 ,在微信后台回復「領取資源」,獲取IT資源300G干貨大全。公眾號回復“1”,拉你進程序員技術討論群


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM