這篇文章給大家分享的是有關(guān)html設(shè)置背景顏色的方法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

樂(lè)安ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書(shū)合作）期待與您的合作！

首先我們先來(lái)看看關(guān)于HTML設(shè)置背景顏色：

我們首先設(shè)置一個(gè)背景顏色，把背景顏色設(shè)在body標(biāo)簽中我們來(lái)看看效果：

這是創(chuàng)新互聯(lián)

背景顏色設(shè)置成了黑色，大家能想到在瀏覽器中顯示的效果嗎？

沒(méi)錯(cuò)就是這個(gè)效果，什么都看不到了，我們看看把字體設(shè)置一個(gè)顏色，看看能不能顯示出來(lái)：

這是創(chuàng)新互聯(lián)

是不是很明顯，在字體里面加個(gè)顏色就能顯示出來(lái)文本，但是還有兩個(gè)字沒(méi)有加顏色，所以還是顯示不出來(lái)。

現(xiàn)在我們來(lái)看看如何制作文字的背景：

這是創(chuàng)新互聯(lián)

這時(shí)候的font標(biāo)簽已經(jīng)不管用了，所以我們果斷的使用了css樣式來(lái)改變背景顏色，看的出來(lái)吧，這是一個(gè)簡(jiǎn)單的css樣式，只設(shè)置了一個(gè)背景顏色。

因?yàn)閜標(biāo)簽的原因，所以背景就把整個(gè)一行給全部占據(jù)了。這樣看起來(lái)效果更明顯點(diǎn)，所以我也就不框起來(lái)了，就當(dāng)把方法教給大家吧，我們用背景用不了這么多的時(shí)候，可以在p標(biāo)簽的外圍加上一個(gè)div標(biāo)簽，設(shè)置寬度為文字的寬度，這樣就不會(huì)讓文字背景成一行顯示了，這也是一種常用的方法之一。

當(dāng)然背景還可以使用圖片來(lái)做背景圖，我們來(lái)看看效果實(shí)例：

這是創(chuàng)新互聯(lián)

這是在網(wǎng)上復(fù)制的一張圖，效果還是很明顯的，現(xiàn)在來(lái)看看實(shí)例：

這就是當(dāng)做整個(gè)網(wǎng)頁(yè)的背景了。我們可以從別的地方看到好看的適合做背景圖的可以右擊那張圖片，選復(fù)制圖片地址，往這url里面一套就行了。這也是很簡(jiǎn)單的，大家可以在下面多多練習(xí)看看效果是不是和我這一樣。

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