Css怎么設(shè)置背景顏色和背景圖片？這篇文章運(yùn)用了實(shí)例代碼展示，代碼非常詳細(xì)，可供感興趣的小伙伴們參考借鑒，希望對(duì)大家有所幫助。

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供惠山企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)、H5場(chǎng)景定制、小程序制作等業(yè)務(wù)。10年已為惠山眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

1.在CSS中有一個(gè)叫做background-position：屬性，就是專門用來(lái)控制背景圖片的位置

2.格式：background-position:值1  值2；

值1的取值范圍：left     center     right

值1代表背景圖片的水平位置

值2的取值范圍：top     center    bottom

值2代表背景圖片的垂直位置

值1和值2也可以設(shè)置像素值，來(lái)分別表示距離最左邊和最上邊的像素值(注意可以接受負(fù)值，也就是左上角就是坐標(biāo)的原點(diǎn)，圖片的左上角就是坐標(biāo)值的大小)，記住一定要帶單位。默認(rèn)值為：left    top

例子：

專門建立的學(xué)習(xí)Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享學(xué)習(xí)方法和需要注意的小細(xì)節(jié)，互相交流學(xué)習(xí)，不停更新最新的教程和學(xué)習(xí)技巧（從零基礎(chǔ)開始到WEB前端項(xiàng)目實(shí)戰(zhàn)教程，學(xué)習(xí)工具，全棧開發(fā)學(xué)習(xí)路線以及規(guī)劃）

3.使用方式：

我們使用背景圖片，而不是使用img標(biāo)簽，這是因?yàn)椋?dāng)我們使用img標(biāo)簽的時(shí)候，如果圖片很大那么下面就會(huì)有滾動(dòng)條，但是這種網(wǎng)頁(yè)是很垃圾的，因?yàn)檎故境鰜?lái)首頁(yè)，就是讓大家看的，加一個(gè)滾動(dòng)條很不舒服。那我們用小圖片不就得了，這其實(shí)也不行，因?yàn)槲覀兠總€(gè)人的屏幕分辨率大小都不同，因此需要一張較大的背景圖片來(lái)解決上面的問(wèn)題。

上文描述的就是Css設(shè)置背景顏色和背景圖片的方法，具體使用情況還需要大家自己動(dòng)手實(shí)驗(yàn)使用過(guò)才能領(lǐng)會(huì)。如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！