首頁  >  文章  >  web前端  >  html怎麼給表格裡字體改顏色

html怎麼給表格裡字體改顏色

藏色散人
藏色散人原創
2021-03-26 16:19:2625818瀏覽

html為表格裡字體改顏色的方法:先開啟對應的HTML檔案;然後找到table程式碼;最後透過設定「table .red {color:#FF0000}」屬性來修改顏色即可。

html怎麼給表格裡字體改顏色

本文操作環境:windows7系統、HTML5&&CSS3版,DELL G3電腦

為html表格中的字體設定顏色,首先對td標籤class命名,然後在CSS樣式表中加入程式碼,範例如下:

<table width="80%" border="1">
<tr>
<td class="red">显示红色</td>
<td class="yellow">显示蓝色</td>
<td class="green">显示绿色</td>
</tr>
</table>

樣式表如下:

<style type="text/css">
table .red {color:#FF0000}
table .yellow {color:#0000FF}
table .green {color:#0000FF}
</style>

效果如下:

html怎麼給表格裡字體改顏色

另一個方法是直接在目前標籤中嵌入樣式,寫法如下:

<table width="60%" border="1">
<tr>
<td style="color:#FF0000">显示红色</td>
<td style="color:#0000FF">显示蓝色</td>
<td style="color:#00FF00">显示绿色</td>
</tr>
</table>

推薦學習:《HTML影片教學

以上是html怎麼給表格裡字體改顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn