您好,登錄后才能下訂單哦!
同一個標簽可以同時設置背景顏色和背景圖片,如果顏色和圖片同時存在,那么圖片會覆蓋顏色。
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標簽的時候,如果圖片很大那么下面就會有滾動條,但是這種網頁是很垃圾的,因為展示出來首頁,就是讓大家看的,加一個滾動條很不舒服。那我們用小圖片不就得了,這其實也不行,因為我們每個人的屏幕分辨率大小都不同,因此需要一張較大的背景圖片來解決上面的問題。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。