首先我們先來看看關(guān)于HTML設(shè)置背景顏色:
我們首先設(shè)置一個(gè)背景顏色,把背景顏色設(shè)在body標(biāo)簽中我們來看看效果:
!doctype html html head meta charset= utf-8 title PHP /title /head body bgcolor= black 這是PHP /body /html
背景顏色設(shè)置成了黑色,大家能想到在瀏覽器中顯示的效果嗎?
沒錯(cuò)就是這個(gè)效果,什么都看不到了,我們看看把字體設(shè)置一個(gè)顏色,看看能不能顯示出來:
body bgcolor= black p 這是 font color= #E41316 PHP /font /p /body
現(xiàn)在我們來看看效果:
是不是很明顯,在字體里面加個(gè)顏色就能顯示出來文本,但是還有兩個(gè)字沒有加顏色,所以還是顯示不出來。
現(xiàn)在我們來看看如何制作文字的背景:
body bgcolor= black p >這時(shí)候的font標(biāo)簽已經(jīng)不管用了,所以我們果斷的使用了css樣式來改變背景顏色,看的出來吧,這是一個(gè)簡單的css樣式,只設(shè)置了一個(gè)背景顏色。
我們來看看在瀏覽器中顯示的效果:
因?yàn)閜標(biāo)簽的原因,所以背景就把整個(gè)一行給全部占據(jù)了。這樣看起來效果更明顯點(diǎn),所以我也就不框起來了,就當(dāng)把方法教給大家吧,我們用背景用不了這么多的時(shí)候,可以在p標(biāo)簽的外圍加上一個(gè)div標(biāo)簽,設(shè)置寬度為文字的寬度,這樣就不會讓文字背景成一行顯示了,這也是一種常用的方法之一。
當(dāng)然背景還可以使用圖片來做背景圖,我們來看看效果實(shí)例:
!doctype html html head meta charset= utf-8 title PHP /title /head body >這是在網(wǎng)上復(fù)制的一張圖,效果還是很明顯的,現(xiàn)在來看看實(shí)例:
這就是當(dāng)做整個(gè)網(wǎng)頁的背景了。我們可以從別的地方看到好看的適合做背景圖的可以右擊那張圖片,選復(fù)制圖片地址,往這url里面一套就行了。這也是很簡單的,大家可以在下面多多練習(xí)看看效果是不是和我這一樣。
這篇關(guān)于HTML 設(shè)置背景顏色的文章到這就結(jié)束了,想學(xué)更多就到PHP ,HTML學(xué)習(xí)手冊欄目中學(xué)習(xí)。有問題的可以在下方留言提問。
【小編推薦】
HTML段落元素中怎么設(shè)置空格?HTML空格的設(shè)置總結(jié)
html中big標(biāo)簽如何使用?html big標(biāo)簽的使用實(shí)例
以上就是html怎樣設(shè)置背景顏色?HTML背景顏色代碼詳細(xì)分析的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選