在CSS中,我們可以使用div來設(shè)置表格,我們需要創(chuàng)建一個包含表格數(shù)據(jù)的div,然后我們可以使用CSS來樣式化這個div,使其看起來像是一個表格,以下是一個基本的例子:
HTML:
<div id="myTable"> <div class="table-row"> <div class="table-cell">Cell 1</div> <div class="table-cell">Cell 2</div> </div> <div class="table-row"> <div class="table-cell">Cell 3</div> <div class="table-cell">Cell 4</div> </div> </div>
CSS:
#myTable { display: table; width: 100%; } .table-row { display: table-row; } .table-cell { display: table-cell; padding: 10px; border: 1px solid #000; }
在這個例子中,我們首先創(chuàng)建了一個id為"myTable"的div,然后我們將這個div的display屬性設(shè)置為"table",使其表現(xiàn)得像一個表格,我們創(chuàng)建了兩個class為"table-row"的div,每個div代表表格的一行,在每個"table-row"div中,我們創(chuàng)建了兩個class為"table-cell"的div,每個div代表表格的一個單元格,我們使用CSS來樣式化"table-cell"div,使其具有表格單元格的外觀,如添加邊框和填充。