html5怎么設(shè)置整頁背景圖片

html5中設(shè)置整頁背景圖片的方法是利用css3樣式：

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)蘭溪,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

寫法如下：

img.bg {

/* Set rules to fill background */

min-height: 100%;

min-width: 1024px;

/* Set up proportionate scaling */

width: 100%;

height: auto;

/* Set up positioning */

position: fixed;

top: 0;

left: 0;

}

@media screen and (max-width: 1024px) { /* Specific to this particular image */

img.bg {

left: 50%;

margin-left: -512px; ? /* 50% */

}

}

效果如：

HTML怎樣插入圖片

插入圖片可以使用img標(biāo)簽來實(shí)現(xiàn)。

1、新建html文件，如圖所示，在body標(biāo)簽中插入img標(biāo)簽，需要注意的是，img在html中沒有結(jié)束標(biāo)簽，所以不需要添加“/img”。給標(biāo)簽添加“src”屬性，屬性值填寫想要添加圖片的路徑，這里以和html同一目錄下的1.png為例，這樣圖片就插入完成了：

2、為了防止用戶瀏覽網(wǎng)頁時無法加載圖片，可以給img標(biāo)簽添加“alt”屬性，這個屬性可以在圖片加載失敗時顯示出來以告訴用戶這里是張什么圖片，還可以在用戶將鼠標(biāo)放在圖片上是顯示提示信息，這里以屬性值“鸚鵡”為例：

3、img標(biāo)簽中插入的圖片寬和高默認(rèn)是圖片自身的寬和高，如果想要自定義寬和高的話，可以用“width”和“height”來控制，這里以寬和高都是200為例，為width”和“height”設(shè)置屬性值為“200”：

html5中如何導(dǎo)入圖片

具體方法如下：

img src="圖片路徑"?alt="圖片描述"

例：img src="img/pro1.png"?alt=""

html5中設(shè)置整頁背景圖片的方法是利用css3樣式：

/*?Set?up?proportionate?scaling?*/

width:?100%;

height:?auto;

/*?Set?up?positioning?*/

position:?fixed;

top:?0;

left:?0;

}

@media?screen?and?(max-width:?1024px)?{?/*?Specific?to?this?particular?image?*/

img.bg?{

left:?50%;

margin-left:?-512px;???/*?50%?*/

}

}

html5教程 如何加背景圖片

html5加背景圖片可以通過：

1.首先可以去寫一個div，然后這個div當(dāng)然寬高是一定要有，然后在div中去設(shè)置要的背景圖片，是否重復(fù)等屬性，repaet這個來設(shè)置，no-repeat(是不重復(fù))、repeat-x（沿著x軸重復(fù)）、repeat-y（沿著Y軸重復(fù)）這里我提交一段代碼：

div id = 'test'/div

style

#test{

width：300px;

height:400px;

background:url('圖片的地址')no-repeat;

}

/style

這樣背景圖片就設(shè)置好了！

文章名稱：html5加圖片,HTML添加圖片
分享地址：http://vcdvsql.cn/article40/dsdeheo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、動態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、網(wǎng)站排名、軟件開發(fā)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)