本篇文章使用了HTML的程式碼和CSS樣式的程式碼為大家展示如何設定HTML的背景顏色,後面還有如何設定背景圖片的介紹。希望對大家有幫助,現在我們一起來看這篇文章吧
##首先我們先來看看關於HTML設定背景顏色:
我們首先設定一個背景顏色,把背景顏色設在body標籤中我們來看看效果:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body bgcolor="black"> 这是PHP中文网 </body> </html>背景顏色設定成了黑色,大家能想到在瀏覽器中顯示的效果嗎?
<body bgcolor="black"> <p>这是<font color="#E41316">PHP中文网</font></p> </body>現在我們來看看效果: 是不是很明顯,在字體裡面加個顏色就能顯示出來文本,但是還有兩個字沒有加顏色,所以還是顯示不出來。
現在我們來看看如何製作文字的背景:
<body bgcolor="black"> <p style="background-color: #E12125">这是PHP中文网</p> </body>這時候的font標籤已經不管用了,所以我們果斷的使用了css樣式來改變背景顏色,看的出來吧,這是一個簡單的css樣式,只設定了一個背景顏色。
我們來看看在瀏覽器中顯示的效果:
當然背景也可以使用圖片來做背景圖,我們來看看效果實例:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body style="background-image: url(https://img.php.cn/upload/article/000/000/003/5a9675a3b2106284.jpg)"> <p>这是PHP中文网</p> </body> </html>這是在網路上複製的一張圖,效果還是很明顯的,現在來看看實例:
HTML學習手冊欄位學習。有問題的可以在下方留言提問。
【小編推薦】html中big標籤如何使用? html big標籤的使用實例
以上是html怎麼設定背景顏色? HTML背景顏色程式碼詳細分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!