表格是網頁設計中常用的一種元素,但是如果表格之間沒有合適的間隔,會給頁面帶來一些負面影響。CSS消除表格之間的空隙可以解決這個問題。
table{ border-collapse: collapse; border-spacing: 0; }
這段CSS代碼將表格的邊框合并并將表格之間的間隔設置為0,這樣可以消除表格之間的空隙,讓表格看起來更加整齊。
如果您想要設置表格之間的間隔,可以使用border-spacing屬性。
table{ border-spacing: 10px; }
以上代碼將表格之間的間隔設置為10像素。
CSS還可以用于設置表格單元格的邊框、背景顏色、字體、內邊距等樣式。
table{ border: 1px solid #ccc; font-size: 14px; } td{ padding: 10px; background-color: #f2f2f2; }
以上代碼將表格的邊框設置為1個像素寬的灰色實線,字體大小為14像素。單元格內邊距為10像素,背景顏色為淺灰色。
通過設置CSS樣式,我們可以讓表格變得更加美觀和功能更加完善。
上一篇div css迅雷
下一篇css添加搜索框的放大鏡