CSS和UL是網(wǎng)頁設(shè)計中常用的技術(shù)，可以用它們來創(chuàng)建漂亮實(shí)用的數(shù)據(jù)表格。接下來我們將介紹如何使用CSS和UL寫表格。

/* CSS代碼 */
table{
border-collapse: collapse;
width: 100%;
}
th, td{
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
th{
background-color: #f2f2f2;
color: #333;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
ul li{
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
ul li:last-child{
border-bottom: none;
}

代碼說明：

首先，我們定義了table元素和它的子元素th和td的樣式。使用border-collapse屬性可以將表格的邊框合并在一起，使表格看起來更整潔。設(shè)置th和td的padding和text-align屬性可以讓內(nèi)容和表頭對齊。設(shè)置th的背景色和顏色可以將表頭與其他單元格區(qū)分開來。

接下來，我們定義了ul元素和它的子元素li的樣式。使用list-style屬性可以去掉默認(rèn)的列表符號。設(shè)置li元素的display屬性為flex，并使用justify-content屬性可以實(shí)現(xiàn)每個數(shù)據(jù)項對齊。設(shè)置li元素的padding和border-bottom屬性可以增加樣式的美觀性。

最后，我們可以在HTML中使用table和ul標(biāo)簽來創(chuàng)建表格。可以根據(jù)需要設(shè)置表格的大小和內(nèi)容，使表格更加適合顯示所需的數(shù)據(jù)。使用CSS和UL寫表格可以提高美觀度和易讀性，同時也便于對表格進(jìn)行修改和維護(hù)。