html怎么設(shè)置背景顏色

這篇文章將為大家詳細(xì)講解有關(guān)html怎么設(shè)置背景顏色，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

一：設(shè)置背景顏色

1.準(zhǔn)備編輯HTML

首先確定要使用的背景顏色，HTML顏色由每個(gè)代碼決定。在計(jì)算機(jī)的Web瀏覽器中訪問(wèn)http://www.php.cn/html/html-colornames.html，就能查看所有顏色的代碼，并且在“HEX”部分中選擇要使用的基色。

2.使用Notepad ++或Notepad打開(kāi)HTML文件，并且把頁(yè)面的所有樣式信息（包括背景顏色）添加進(jìn)來(lái)。將“background-color”屬性添加到“body”元素。background-color要在body括號(hào)之間輸入，如下：

或者

3.您可以使用“background-color”來(lái)定義其他元素的背景，例如標(biāo)題，段落等。例如，要將背景顏色應(yīng)用于主標(biāo)題（<h2>）或段落（<p>）。

二：創(chuàng)建漸變背景

1.制作漸變時(shí)，我們需要兩條信息起點(diǎn)和角度，以及漸變之間過(guò)渡的顏色。您可以選擇多種顏色以使?jié)u變?cè)谒蓄伾g移動(dòng)，并且可以設(shè)置漸變的方向或角度。

屬性：

背景：線性梯度（方向 /角度，顏色1 ，顏色2 ， 顏色3 ，等）;

2.制作垂直漸變的時(shí)候，如果未指定方向，則漸變將從上到下要?jiǎng)?chuàng)建漸變，要在<style></style>標(biāo)記之間添加以下代碼：

當(dāng)然也可以向漸變添加方向以更改顏色偏移的顯示方式，您不僅可以添加兩種以上的顏色，還可以在每種顏色之后添加一個(gè)百分比。也可以設(shè)置每個(gè)顏色段所需的間距，為您的顏色添加透明度，使用相同的顏色從顏色淡化為空。也可以使用該rgba()函數(shù)來(lái)定義顏色，結(jié)束值決定透明度：0實(shí)體和1透明。

關(guān)于“html怎么設(shè)置背景顏色”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。