這篇文章主要為大家展示了“css中怎么設置背景圖片”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css中怎么設置背景圖片”這篇文章吧。
css怎樣設置背景圖片?
cssbackground屬性就是專門設置背景的屬性，可以設置背景色，也可以設置背景圖片。
下面看看background可以設置的屬性：
background-color：規定要使用的背景顏色。
background-position：規定背景圖像的位置。
background-size：規定背景圖片的尺寸。
background-repeat：規定如何重復背景圖像。
background-origin：規定背景圖片的定位區域。
background-clip：規定背景的繪制區域。
background-attachment：規定背景圖像是否固定或者隨著頁面的其余部分滾動。
background-image：規定要使用的背景圖像。
可以看出background-image屬性就是給html頁面設置背景圖片的屬性，下面看看它的用法
background-image:url(1.jpg);
這樣在url()里給出圖片的路徑，就可以給div盒子設置一個背景圖片；看似簡單，但有一點要注意，設置背景圖片的盒子必須要有實質的寬度與高度，這樣才可以讓背景圖片在顯示屏上顯示。
上面的這些background屬性如果一個一個的設置是不是感到繁瑣，其實有些屬性是可以放在一起設置的，這樣的css背景表達可以節約且優化了css文件代碼。例：
background:url(bgimg.gif)no-repeat5px5px;
css設置背景圖片的代碼實例
1.css設置背景圖片自適應全屏
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>背景圖片設置</title>
<style>
.demo{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
min-width:1000px;
z-index:-10;
zoom:1;
background-color:#fff;
background:url(2.png);
background-repeat:no-repeat;
background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-position:center0;
}
</style>
</head>
<body>
<divclass="demo"></div>
</body>
</html>
以上是“css中怎么設置背景圖片”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
