在HTML中，可以使用CSS（級(jí)聯(lián)樣式表）來(lái)定義和樣式化HTML元素，對(duì)于表格（table），可以通過(guò)以下方式調(diào)用CSS樣式：
1、內(nèi)聯(lián)樣式：直接在HTML元素中添加style屬性，定義樣式。
<table style="width: 100%; border-collapse: collapse;">
<tr>
<td style="background-color: lightblue;">Cell 1</td>
<td style="background-color: lightgreen;">Cell 2</td>
</tr>
<tr>
<td style="background-color: lightcoral;">Cell 3</td>
<td style="background-color: lightskyblue;">Cell 4</td>
</tr>
</table>2、內(nèi)部樣式表：在HTML文檔的<head>部分定義樣式規(guī)則。
<head>
<style>
table {
width: 100%;
border-collapse: collapse;
}
td {
background-color: lightblue;
}
tr:nth-child(2) td {
background-color: lightgreen;
}
tr:nth-child(3) td {
background-color: lightcoral;
}
tr:nth-child(4) td {
background-color: lightskyblue;
}
</style>
</head>3、外部樣式表：將樣式規(guī)則定義在一個(gè)單獨(dú)的CSS文件中，并通過(guò)HTML文檔的<link>元素引入。
<head>
<link rel="stylesheet" href="styles.css">
</head>在styles.css文件中定義樣式規(guī)則：
table {
width: 100%;
border-collapse: collapse;
}
td {
background-color: lightblue;
}
tr:nth-child(2) td {
background-color: lightgreen;
}
tr:nth-child(3) td {
background-color: lightcoral;
}
tr:nth-child(4) td {
background-color: lightskyblue;
}這種方式使樣式規(guī)則更加集中和可維護(hù)。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
