CSS3表格：個(gè)人基本情況

table {
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
th, td {
padding: 12px 15px;
text-align: left;
border: 1px solid #ddd;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}姓名張三性別男出生日期1990年1月1日籍貫湖南省長(zhǎng)沙市

上面的代碼是一個(gè)使用CSS3表格展示個(gè)人基本情況的示例。這個(gè)表格具有以下特點(diǎn)：

• 使用了border-collapse屬性，將邊框合并為單一邊框，使表格看起來(lái)更為整潔。
• 加入了padding屬性，使單元格內(nèi)容與單元格邊框之間有一定的空隙。
• 使用了text-align屬性，使單元格內(nèi)容左對(duì)齊。
• 通過(guò)background-color屬性為表頭單元格添加了背景色，突出顯示表頭。
• 使用了th標(biāo)簽表示表頭單元格，td標(biāo)簽表示內(nèi)容單元格，使表頭與內(nèi)容單元格區(qū)分開來(lái)。

使用CSS3表格可以讓網(wǎng)頁(yè)設(shè)計(jì)更加美觀，同時(shí)還可以提高表格的易讀性和用戶體驗(yàn)。