這篇文章主要介紹了css中背景圖片的設(shè)置方法,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
在寧遠等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都做網(wǎng)站、網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作按需網(wǎng)站開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,成都營銷網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站制作,寧遠網(wǎng)站建設(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放置在元素的左上角,并重復(fù)垂直和水平方向。
css語法:
background-image:url|none|inherit
background-image屬性值:
url 圖像的URL
none 無圖像背景會顯示。這是默認
inherit 指定背景圖像應(yīng)該從父元素繼承
示例:
<!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 指定如何重復(fù)背景圖像
background-origin 指定背景圖像的定位區(qū)域
background-clip 指定背景圖像的繪畫區(qū)域
background-attachment 設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動
background-image 指定要使用的一個或多個背景圖像
感謝你能夠認真閱讀完這篇文章,希望小編分享的“css中背景圖片的設(shè)置方法”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
網(wǎng)頁名稱:css中背景圖片的設(shè)置方法
標題路徑:http://www.rwnh.cn/article20/ghcpjo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、域名注冊、靜態(tài)網(wǎng)站、營銷型網(wǎng)站建設(shè)、微信公眾號、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)