CSS表格是網頁中常見的一種排版方式,通過設置表格的單元格距離,可以讓頁面更加美觀整潔。下面介紹幾種方法:
table { border-collapse: collapse; /*合并表格邊框*/ border-spacing: 0px; /*設置單元格距離*/ }
上面的代碼中,border-collapse屬性用來合并表格邊框,去掉重復的線條。border-spacing屬性則是用來設置單元格之間的距離,這里設置為0px。
table { border-spacing: 10px; } td { padding: 5px; }
上面的代碼中,通過設置table的border-spacing屬性為10px,實現單元格之間的距離。同時,通過設置td的padding屬性為5px,可以讓單元格內容與邊框之間有一定的留白。
td { border: 2px solid #ccc; margin: 5px; }
上面的代碼中,通過設置td的邊框和外邊距來控制單元格之間的距離。border屬性用來設置邊框樣式和顏色,這里設置為2px寬的實線,顏色為灰色。margin屬性則是用來設置單元格與其他元素之間的距離,這里設置為5px。
總之,設置單元格距離的方法有很多種,開發者可以根據實際需求和個人偏好進行選擇和調整。
下一篇css搜索欄邊框隱藏