需要準(zhǔn)備的材料分別有:電腦、瀏覽器、html編輯器。
創(chuàng)新互聯(lián)建站擁有網(wǎng)站維護技術(shù)和項目管理團隊,建立的售前、實施和售后服務(wù)體系,為客戶提供定制化的網(wǎng)站設(shè)計、做網(wǎng)站、網(wǎng)站維護、西信服務(wù)器托管解決方案。為客戶網(wǎng)站安全和日常運維提供整體管家式外包優(yōu)質(zhì)服務(wù)。我們的網(wǎng)站維護服務(wù)覆蓋集團企業(yè)、上市公司、外企網(wǎng)站、商城建設(shè)、政府網(wǎng)站等各類型客戶群體,為全球上千家企業(yè)提供全方位網(wǎng)站維護、服務(wù)器維護解決方案。
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的style標(biāo)簽中,輸入css代碼:body {background-image: url(img/image.jpg)}。
3、瀏覽器運行index.html頁面,此時成功把同級的img文件夾中的image.jpg用css設(shè)置為了背景圖片。
把1000px這個屬性去掉。然后把repeat-x這個屬性寫在body屬性里面就行啦
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:相對于內(nèi)容框來定位背景圖像
background-image:背景圖片
background-repeat:背景圖片師傅平鋪重復(fù)
background-size:圖片大小,適應(yīng)獨,屬性值有cover,百分比,等
通過css:background-image語句設(shè)置背景。
background-image 屬性會在元素的背景中設(shè)置一個圖像。根據(jù)?background-repeat?屬性的值,圖像可以無限平鋪、沿著某個軸(x 軸或 y 軸)平鋪,或者根本不平鋪。初始背景圖像(原圖像)根據(jù)?background-position?屬性的值放置。
(1)相對的文件位置:
(2)測試代碼:
測試效果:
擴展資料:
background-image 屬性為元素元素的背景占據(jù)了元素的全部尺寸,包括內(nèi)邊距和邊框,但不包括外邊距。
默認(rèn)地,背景圖像位于元素的左上角,并在水平和垂直方向上重復(fù)。
提示:請設(shè)置一種可用的背景顏色,這樣的話,假如背景圖像不可用,頁面也可獲得良好的視覺效果。
參考資料:百度百科--CSS background-image