當(dāng)前位置：首頁(yè) - 手機(jī) - 正文

html背景圖片大小設(shè)置教程

來(lái)源：懂視網(wǎng) 責(zé)編：小OO 時(shí)間：2020-03-19 10:51:45

導(dǎo)讀網(wǎng)頁(yè)制作用的越來(lái)越多，有時(shí)候一些圖片會(huì)放到HTML中來(lái)美化頁(yè)面，但圖片的尺寸不是都是合適的，所以就需要對(duì)它進(jìn)行設(shè)置，使得圖片適應(yīng)網(wǎng)頁(yè)。接下來(lái)就介紹怎么設(shè)置圖片尺寸吧。材料/工具HTML方法以Hbuilder來(lái)講解，首先新建一個(gè)HTML頁(yè)面，如圖。接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是<body>標(biāo)簽。然后新建一個(gè)css文件，如圖。這里給body標(biāo)簽設(shè)置background-size屬性，如果標(biāo)簽是div就寫(xiě)div，然后可以設(shè)置寬度和高度。如圖所示，在new_file.html里面編輯：...

網(wǎng)頁(yè)制作用的越來(lái)越多，有時(shí)候一些圖片會(huì)放到HTML中來(lái)美化頁(yè)面，但圖片的尺寸不是都是合適的，所以就需要對(duì)它進(jìn)行設(shè)置，使得圖片適應(yīng)網(wǎng)頁(yè)。接下來(lái)就介紹怎么設(shè)置圖片尺寸吧。

材料/工具

HTML

方法

以Hbuilder來(lái)講解，首先新建一個(gè)HTML頁(yè)面，如圖。

接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是<body>標(biāo)簽。

然后新建一個(gè)css文件，如圖。

這里給body標(biāo)簽設(shè)置background-size屬性，如果標(biāo)簽是div就寫(xiě)div，然后可以設(shè)置寬度和高度。

如圖所示，在new_file.html里面編輯：<link href="css/1.css" type="text/css" rel="stylesheet"/>，就可以設(shè)置背景圖片的大小了。

最后在瀏覽器中預(yù)覽一下，如圖為部分背景。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

標(biāo)簽：走路立夏經(jīng)濟(jì)發(fā)展