這篇文章將為大家詳細(xì)講解有關(guān)CSS怎么設(shè)置背景顏色和圖像,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)建站是一家專業(yè)從事網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)的品牌網(wǎng)絡(luò)公司。如今是成都地區(qū)具影響力的網(wǎng)站設(shè)計(jì)公司,作為專業(yè)的成都網(wǎng)站建設(shè)公司,創(chuàng)新互聯(lián)建站依托強(qiáng)大的技術(shù)實(shí)力、以及多年的網(wǎng)站運(yùn)營(yíng)經(jīng)驗(yàn),為您提供專業(yè)的成都網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)及網(wǎng)站設(shè)計(jì)開發(fā)服務(wù)!
我們先來(lái)看看CSS設(shè)置背景顏色
我們需要使用background-color來(lái)改變背景顏色
background-color:value(顏色編碼或者顏色名稱)
在值的部分,你可以輸入諸如#000000的顏色代碼或諸如white的顏色名稱,設(shè)置的顏色就為背景顏色。
background-color的初始值是transparent,在這種情況下,將應(yīng)用父元素的背景顏色。如果父元素中沒(méi)有設(shè)置,它將變?yōu)榘咨?/p>
CSS設(shè)置圖像背景
通過(guò)使用background-image屬性,我們可以預(yù)先設(shè)置上傳到服務(wù)器的圖像作為背景。
background-image:url("圖像的路徑");
在url中,輸入要用作背景的圖像文件的路徑。如果css文件和圖像文件位于同一目錄中,則只有文件名就可以了。
絕對(duì)路徑和相對(duì)路徑都可以用作圖像文件的路徑。
要輸入相對(duì)路徑,請(qǐng)輸入外部樣式表的相對(duì)路徑,而不是html文件的相對(duì)路徑。
接著我們來(lái)看具體的示例
使用background-color設(shè)置背景顏色
代碼如下
body{
background-color:skyblue;
}
背景顏色設(shè)置
關(guān)于“CSS怎么設(shè)置背景顏色和圖像”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。