在網頁開發中,我們經常需要改變文字的顏色。HTML 以及 JavaScript 都有方法來設置字體顏色。
首先來看 HTML。在 HTML 中,我們可以使用font
標簽來設置文字顏色。如下所示:
<p><font color="red">這是紅色字體</font></p>
這樣就將段落中的文字顏色設置成紅色。其中color
屬性可以接受 CSS 中定義的顏色值,如 "red"、"#FF0000"、"rgb(255, 0, 0)" 等。
在 HTML5 中,font
標簽不再被推薦使用,而是使用 CSS 來控制文字樣式。例如:
<p style="color: red;">這是紅色字體</p>
上述代碼將文字顏色設置為紅色。其中通過style
屬性來嵌入 CSS 樣式,然后通過color
屬性來設置顏色。
接下來看看 JavaScript。在 JavaScript 中,我們可以通過修改元素的樣式來改變文字顏色。例如:
<script> const para = document.querySelector('p'); para.style.color = 'red'; </script>
上述代碼獲取第一個p
元素并將文字顏色設置為紅色。
以上就是 HTML 和 JavaScript 中設置文字顏色的方法。在實際應用中,我們可以根據需要選擇合適的方法。
下一篇css 讓圖片變圓形