新聞中心
HTML基礎(chǔ):如何設(shè)置網(wǎng)頁的背景色?
答案: 在HTML中,可以使用style屬性來設(shè)置網(wǎng)頁的背景顏色。具體方法是在body標(biāo)簽內(nèi)加入style屬性,并給它賦值background-color屬性,然后再指定一個(gè)顏色值即可。

目前創(chuàng)新互聯(lián)已為超過千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、肥東網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
例如:
```html
```
這個(gè)代碼會(huì)將整個(gè)頁面的背景設(shè)為淡灰色。
接下來我們?cè)敿?xì)地介紹一下如何在HTML中設(shè)置不同類型的背景顏色。
純色背景
如果想要用單一顏色填充整個(gè)頁面作為背景,只需要把上面提到的代碼改成自己喜歡的顏色即可。比如要將頁面變成藍(lán)底白字,可以這樣寫:
其中color屬性用于指定文字顏色(默認(rèn)黑色),這里我們把它設(shè)為白色以便更好地突出顯示。
除了直接輸入英文名稱或十六進(jìn)制數(shù)表示RGB值外,還可以通過CSS預(yù)定義關(guān)鍵詞來選擇常見的幾種顏
漸變背景
除了純色,我們還可以使用CSS的線性漸變功能來實(shí)現(xiàn)更炫酷的效果。
這個(gè)代碼會(huì)將頁面從上到下呈現(xiàn)出一個(gè)由黃色到橙色逐漸過度的顏色漸變。其中l(wèi)inear-gradient是指定使用線性渲染方式,to bottom表示從上往下,#f1c40f和#e67e22則是起始點(diǎn)和終止點(diǎn)所對(duì)應(yīng)的顏色值。
如果想要讓其它方向產(chǎn)生不同角度或形態(tài)的漸變,則需要調(diào)整前面那個(gè)參數(shù)(如left、right等)以及兩端對(duì)應(yīng)顏色值即可。
圖片背景
除了單一或多重顏色之外,我們還可以通過設(shè)置一張圖片作為網(wǎng)頁背景來增加美感和視覺效果。方法也非常簡單:
這里把url()函數(shù)中間放入你自己喜歡的圖片鏈接即可。注意:在選擇圖片時(shí)最好盡量選用高清晰度而又體積較小的圖片,以免影響頁面加載速度。
名稱欄目:如何在HTML中設(shè)置背景色?
文章出自:http://www.dlmjj.cn/article/cosoidc.html


咨詢
建站咨詢
