background-attachment: 々々; ( 請(qǐng)自行帶入 )

在定安等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供網(wǎng)站建設(shè)、做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需制作網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),全網(wǎng)營(yíng)銷推廣,成都外貿(mào)網(wǎng)站制作,定安網(wǎng)站建設(shè)費(fèi)用合理。
scroll: 背景圖片隨著頁面滾動(dòng)而滾動(dòng)
fixed: 背景圖片不會(huì)隨著頁面滾動(dòng)而滾動(dòng)
local: 背景圖片會(huì)隨著元素內(nèi)容滾動(dòng)而滾動(dòng)
initial: 跟隨默認(rèn)值
inherit: 繼承父級(jí)樣式
1、首先在電腦端找到Dw軟件,進(jìn)行打開操作,然后新建一個(gè)html文件。
2、新建文件完成之后,寫入一個(gè)div代碼操作,如圖所示。
3、寫入div代碼之后,引入一個(gè)css樣式,如圖代碼操作所示。
4、引入樣式代碼之后,打開引入的css.文件,如圖所示。
5、在新引入的css文件中,寫入css背景圖片代碼即可,如圖所示。
通過css:background-image語句設(shè)置背景。
background-image 屬性會(huì)在元素的背景中設(shè)置一個(gè)圖像。根據(jù)?background-repeat?屬性的值,圖像可以無限平鋪、沿著某個(gè)軸(x 軸或 y 軸)平鋪,或者根本不平鋪。初始背景圖像(原圖像)根據(jù)?background-position?屬性的值放置。
(1)相對(duì)的文件位置:
(2)測(cè)試代碼:
測(cè)試效果:
擴(kuò)展資料:
background-image 屬性為元素元素的背景占據(jù)了元素的全部尺寸,包括內(nèi)邊距和邊框,但不包括外邊距。
默認(rèn)地,背景圖像位于元素的左上角,并在水平和垂直方向上重復(fù)。
提示:請(qǐng)?jiān)O(shè)置一種可用的背景顏色,這樣的話,假如背景圖像不可用,頁面也可獲得良好的視覺效果。
參考資料:百度百科--CSS background-image
在css樣式中設(shè)置background-image屬性 比如
body {background-image: url(圖片的路徑);}
div{
background: #fff000;
font-size: 30px;
border:10px dashed #0000ff;
padding:20px;
background-image: url("../../image/icon.png");
background-repeat:no-repeat;
}
.div2{
margin-top:30px;
background-origin: content-box;
background-clip: content-box;
}
background-clip:規(guī)定背景的繪制區(qū)域
background-origin:相對(duì)于內(nèi)容框來定位背景圖像
background-image:背景圖片
background-repeat:背景圖片師傅平鋪重復(fù)
background-size:圖片大小,適應(yīng)獨(dú),屬性值有cover,百分比,等
css給標(biāo)簽設(shè)置背景圖片是通過background屬性實(shí)現(xiàn)的。當(dāng)然用background-image更正式一些。
不管用上述那種方式書寫值都是一樣的,url("./image.png")。
括號(hào)里面的分號(hào)包裹的就是圖片的路徑。
當(dāng)然,設(shè)置背景圖的標(biāo)簽要有寬和高,不然背景圖顯示不出來。
新聞名稱:設(shè)置背景的css樣式,css設(shè)置網(wǎng)頁背景圖片
網(wǎng)址分享:http://chinadenli.net/article38/dsgdgpp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、云服務(wù)器、外貿(mào)網(wǎng)站建設(shè)、Google、品牌網(wǎng)站制作、網(wǎng)站營(yíng)銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)