溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Css怎么設置背景顏色和背景圖片？這篇文章運用了實例代碼展示，代碼非常詳細，可供感興趣的小伙伴們參考借鑒，希望對大家有所幫助。
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 ⑦⑧④-⑦⑧③-零①② 分享學習方法和需要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（從零基礎開始到WEB前端項目實戰教程，學習工具，全棧開發學習路線以及規劃）3.使用方式：
我們使用背景圖片，而不是使用img標簽，這是因為，當我們使用img標簽的時候，如果圖片很大那么下面就會有滾動條，但是這種網頁是很垃圾的，因為展示出來首頁，就是讓大家看的，加一個滾動條很不舒服。那我們用小圖片不就得了，這其實也不行，因為我們每個人的屏幕分辨率大小都不同，因此需要一張較大的背景圖片來解決上面的問題。
上文描述的就是Css設置背景顏色和背景圖片的方法，具體使用情況還需要大家自己動手實驗使用過才能領會。如果想了解更多相關內容，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
