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

創(chuàng)新互聯(lián)公司技術團隊10年來致力于為客戶提供網站設計制作、網站設計、成都品牌網站建設、成都全網營銷、搜索引擎SEO優(yōu)化等服務。經過多年發(fā)展，公司擁有經驗豐富的技術團隊，先后服務、推廣了千余家網站，包括各類中小企業(yè)、企事單位、高校等機構單位。

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

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

值1的取值范圍：left   center   right

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

值2的取值范圍：top   center   bottom

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

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

例子：

<style>
     .box{
       height: 1000px;
       width: 1000px;
       background-image: url("image/snow.jpg");
       background-repeat: no-repeat;
       background-position: center center;
     }
</style>

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

3.使用方式：

我們使用背景圖片，而不是使用img標簽，這是因為，當我們使用img標簽的時候，如果圖片很大那么下面就會有滾動條，但是這種網頁是很垃圾的，因為展示出來首頁，就是讓大家看的，加一個滾動條很不舒服。那我們用小圖片不就得了，這其實也不行，因為我們每個人的屏幕分辨率大小都不同，因此需要一張較大的背景圖片來解決上面的問題。

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

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文題目：Css怎么設置背景顏色和背景圖片-創(chuàng)新互聯(lián)
本文地址：http://www.aaarwkj.com/article12/gdcgc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網站制作、網站排名、品牌網站設計、靜態(tài)網站、標簽優(yōu)化、全網營銷推廣

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)