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

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

藏色散人
發布: 2023-01-03 09:31:31
原創
25855 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板