想要?jiǎng)?chuàng)建一個(gè)漂亮的CSS表格，需要進(jìn)行以下三個(gè)步驟：

第一步：準(zhǔn)備HTML代碼

<table>
<tr>
<th>表頭1</th>
<th>表頭2</th>
</tr>
<tr>
<td>內(nèi)容1</td>
<td>內(nèi)容2</td>
</tr>
<tr>
<td>內(nèi)容3</td>
<td>內(nèi)容4</td>
</tr>
</table>

第二步：添加CSS樣式

table {
border-collapse: collapse;   // 合并邊框
width: 100%;                 // 表格寬度設(shè)置為100%
margin: 20px 0;              // 上下間距為20px
font-size: 1rem;             // 字體大小
}
th, td {
border: 1px solid black;     // 邊框?qū)挾群皖伾?
padding: 10px;               // 表格內(nèi)邊距
text-align: center;          // 文字居中
}
th {
background-color: #F2F2F2;   // 表頭背景顏色
font-weight: bold;           // 表頭字體加粗
}

第三步：運(yùn)行代碼

現(xiàn)在就可以看到一個(gè)漂亮的CSS表格了！