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

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括龍里網(wǎng)站建設(shè)、龍里網(wǎng)站制作、龍里網(wǎng)頁(yè)制作以及龍里網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，龍里網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到龍里省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

首先我們先來(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ò)，可以把它分享出去讓更多的人看到吧！

文章名稱：html設(shè)置背景顏色的方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)源：http://weahome.cn/article/dcsejh.html