Javascript 背景顏色

| | | | | | | | | | | | | | | | | | | | | |

CSS 可能令人生畏,即使對於經驗豐富的開發人員也是如此 - 有很多選擇!但在本文中,我們將了解如何在不創建單獨的層疊樣式表的情況下更改 HTML 文檔中的背景顏色。

使用 HTML5 時,可以使用 style 屬性添加背景顏色和“背景顏色”屬性。你可以在你喜歡的元素上實現這個屬性;但是,要設置整個頁面的背景顏色,style 屬性必須在 body 標記中。您的 HTML 代碼可能如下所示:

這段代碼為我們提供了一個橙色背景的 HTML 頁面。

獲取實施其他網絡配色方案

Ricardo Gomez Angelo PRZVCSTqje4 Unsplash
可以使用不同的顏色系統來改變背景顏色

在HTML中選擇你的顏色時,屬性樣式接受十六進制代碼,HTML顏色名稱、RGB (A) 顏色值和 HSL 顏色值。對於 RGB 顏色和 HSL 顏色,顏色系統必須包含在背景顏色聲明中。

以下是一些格式每種顏色系統的示例:

十六進制代碼

HTML 顏色名稱

RGB 顏色值 ,Äã,Äã

RGBA 顏色值 ,Äã,Äã

HSL 顏色值 ,Äã,Äã

HSLA 顏色值 ,Äã,Äã

有一點要確定,如果你是用這個方法設置背景色,但是後面寫了一個外部的CSS文件,一定要去掉樣式屬性和背景顏色屬性,以防止任何類型的覆蓋。`other / p>

結論

在本文中,我們已經解釋瞭如何使用 HTML 更改背景顏色。如果你剛接觸 HTML,請在此處查看我們的指南:學習 HTML:學習超文本標記語言的指南或閱讀我們的文章 學習html需要多長時間?