這篇文章主要介紹了css中背景圖片的設置方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
css的全稱是Cascading Style Sheets（層疊樣式表），它是一種用來表現HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
css設置背景圖片的方法：首先創建一個HTML示例文件；然后在body中創建一個div；最后通過“background-image: url("images/22.jpg");”屬性來設置背景圖片即可。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
css可以通過background-image屬性來設置背景圖片，background-image屬性用于設置一個元素的背景圖像。
元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。默認情況下，background-image放置在元素的左上角，并重復垂直和水平方向。
css語法：
background-image：url|none|inherit
background-image屬性值：
url 圖像的URL
none 無圖像背景會顯示。這是默認
inherit 指定背景圖像應該從父元素繼承
示例：
<!DOCTYPE html>
<html>
<head>
<style>
div{
width:450px;
height: 300px;
background-image: url("images/22.jpg");
}
</style>
</head>
<body>
<div></div>
</body>
</html>效果圖：
background屬性值：
background-color 指定要使用的背景顏色
background-position 指定背景圖像的位置
background-size 指定背景圖片的大小
background-repeat 指定如何重復背景圖像
background-origin 指定背景圖像的定位區域
background-clip 指定背景圖像的繪畫區域
background-attachment 設置背景圖像是否固定或者隨著頁面的其余部分滾動
background-image 指定要使用的一個或多個背景圖像
感謝你能夠認真閱讀完這篇文章，希望小編分享的“css中背景圖片的設置方法”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
