CSS表格內(nèi)加div

table {
border-collapse: collapse;
}
table td {
border: 1px solid #ccc;
}
table td div {
padding: 10px;
background-color: #f2f2f2;
}

當(dāng)我們?cè)贖TML中使用表格時(shí)，可能會(huì)想要在某個(gè)單元格中放置更多的元素。這時(shí)，加入div就可以較好地解決這個(gè)問題。在CSS中，我們可以將樣式應(yīng)用于表格單元格內(nèi)的div元素，以達(dá)到不同的呈現(xiàn)效果。

在上面的代碼中，我們首先將表格的邊框合并，使用border-collapse屬性。然后，對(duì)每個(gè)單元格設(shè)置邊框。最后，在每個(gè)單元格內(nèi)添加一個(gè)div元素，使得我們可以控制這個(gè)元素的樣式。

為了更好的體驗(yàn)，我們?cè)谶@個(gè)div元素中添加了背景顏色和一些內(nèi)部填充。你可以根據(jù)你的需要和想象來添加更多的CSS樣式，以達(dá)到不同的效果。