在網頁制作過程中，常常會用到表格。為了讓網站更加美觀，我們需要引用CSS樣式來對表格進行美化。那么，接下來我們就來一起學習如何在HTML中引用CSS文件來美化表格。
/*CSS樣式表*/
table{
border-collapse: collapse;
width: 100%;
max-width: 800px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #ddd;
font-size: 16px;
color: #333;
text-align: left;
}
th, td{
padding: 10px;
border: 1px solid #ddd;
}
th{
background-color: #f2f2f2;
font-weight: bold;
}首先，我們需要在HTML代碼中添加一個表格標簽，如下所示：
<table> <tr> <th>表頭1</th> <th>表頭2</th> <th>表頭3</th> </tr> <tr> <td>數據1</td> <td>數據2</td> <td>數據3</td> </tr> </table>
然后，在頭部聲明代碼中添加CSS樣式表。
<head> <meta charset="UTF-8"> <title>引用CSS美化表格</title> <link rel="stylesheet" href="style.css"> </head>
通過這樣的方式，我們就可以愉快地使用CSS樣式表進行表格美化了。