CSS表格內加div
table { border-collapse: collapse; } table td { border: 1px solid #ccc; } table td div { padding: 10px; background-color: #f2f2f2; }
當我們在HTML中使用表格時,可能會想要在某個單元格中放置更多的元素。這時,加入div就可以較好地解決這個問題。在CSS中,我們可以將樣式應用于表格單元格內的div元素,以達到不同的呈現效果。
在上面的代碼中,我們首先將表格的邊框合并,使用border-collapse屬性。然后,對每個單元格設置邊框。最后,在每個單元格內添加一個div元素,使得我們可以控制這個元素的樣式。
為了更好的體驗,我們在這個div元素中添加了背景顏色和一些內部填充。你可以根據你的需要和想象來添加更多的CSS樣式,以達到不同的效果。