溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了css中背景圖片的設(shè)置方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
css的全稱是Cascading Style Sheets（層疊樣式表），它是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。
css設(shè)置背景圖片的方法：首先創(chuàng)建一個HTML示例文件；然后在body中創(chuàng)建一個div；最后通過“background-image: url("images/22.jpg");”屬性來設(shè)置背景圖片即可。
本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。
css可以通過background-image屬性來設(shè)置背景圖片，background-image屬性用于設(shè)置一個元素的背景圖像。
元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。默認情況下，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 指定背景圖像的定位區(qū)域
background-clip 指定背景圖像的繪畫區(qū)域
background-attachment 設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動
background-image 指定要使用的一個或多個背景圖像
感謝你能夠認真閱讀完這篇文章，希望小編分享的“css中背景圖片的設(shè)置方法”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼