CSS 中,表格中字+的顏色可以通過設(shè)置 td 中的 color 屬性實(shí)現(xiàn)。下面是一個(gè)簡(jiǎn)單的例子:
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
padding: 5px;
}
td.positive {
color: green;
}
td.negative {
color: red;
}
在這個(gè)例子中,我們首先設(shè)置了表格的樣式,將邊框合并并設(shè)置了單元格的 padding。接著,我們定義了兩個(gè)類名,分別為 positive 和 negative,用于表示表格中正數(shù)和負(fù)數(shù)的部分。最后,我們通過設(shè)置 td.positive 和 td.negative 的 color 屬性,將正數(shù)和負(fù)數(shù)的字+顏色分別設(shè)置為綠色和紅色。
下面是一個(gè)使用這個(gè)例子的表格:
在這個(gè)表格中,我們將蘋果的價(jià)格設(shè)置為正數(shù),將香蕉的價(jià)格設(shè)置為負(fù)數(shù),并分別使用 td.positive 和 td.negative 類名來改變字+的顏色。
通過這種方式,我們可以使用 CSS 來控制表格中字+的顏色,增強(qiáng)表格的可讀性和美觀程度。