CSS表格是網站開發中常用且非常實用的一種元素。而有時我們需要去掉CSS表格中的某一邊,以滿足網站布局的需求。這里就介紹一種去掉CSS表格一邊的方法。
.table{ border-collapse:collapse; border-spacing:0; } .table td, .table th{ border:1px solid #ccc; padding:10px; } .table.no-left{ border-left: none; }
以上是一個基本的CSS表格樣式,通過給表格容器(class為.table)以及表格內的單元格定義基本的邊框和填充等樣式,可以實現一個普通的CSS表格。接下來,就是如何去掉CSS表格的某一邊。
我們可以給表格容器再定義一個class,如樣式 .table.no-left (表示去掉左邊框),然后在該class下重新定義表格邊框的樣式,具體實現如下:
.table.no-left{ border-left: none; }
這里只去掉了左邊框,如果需要去掉其他邊框,只需要再定義相應的class即可。這種方法適用范圍廣泛,只需要在需要去掉邊框的地方添加一個類,再重新定義樣式即可。