html背景圖片設(shè)置大小的方法:首先新建HTML頁(yè)面,給標(biāo)簽設(shè)置背景圖片;然后給body標(biāo)簽設(shè)置【background-size】屬性;最后在div標(biāo)簽設(shè)置寬高即可。
本教程操作環(huán)境:windows7系統(tǒng)、HBuilderX.3.0.5版,DELL G3電腦。
html背景圖片設(shè)置大小的方法:
1、其實(shí)大多數(shù)的HTML編輯器操作都是一樣的,今天我就以Hbuilder來(lái)講解,首先新建一個(gè)HTML頁(yè)面,這里命名為“new_file.html”。
2、接著給標(biāo)簽設(shè)置背景圖片,這里小編設(shè)置的是<body>標(biāo)簽。
3、接著新建一個(gè)css文件,如圖,小編命名為“1.css”。
4、這里給body標(biāo)簽設(shè)置background-size
屬性,如果你的標(biāo)簽是div就寫(xiě)div,然后可以設(shè)置寬度和高度。
5、如圖所示,在new_file.html
里面寫(xiě)上這個(gè):<link href="css/1.css" type="text/css" rel="stylesheet"/>
就可以設(shè)置背景圖片的大小了。
6、最后在瀏覽器中預(yù)覽一下,這里只是部分背景。
相關(guān)學(xué)習(xí)推薦:html視頻教程