html背景圖片設(shè)置大小的方法:首先新建HTML頁面,給標(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ù)的HTML編輯器操作都是一樣的,今天我就以Hbuilder來講解,首先新建一個HTML頁面,這里命名為“new_file.html”。
2、接著給標(biāo)簽設(shè)置背景圖片,這里小編設(shè)置的是<body>標(biāo)簽。
3、接著新建一個css文件,如圖,小編命名為“1.css”。
4、這里給body標(biāo)簽設(shè)置background-size
屬性,如果你的標(biāo)簽是div就寫div,然后可以設(shè)置寬度和高度。
5、如圖所示,在new_file.html
里面寫上這個:<link href="css/1.css" type="text/css" rel="stylesheet"/>
就可以設(shè)置背景圖片的大小了。
6、最后在瀏覽器中預(yù)覽一下,這里只是部分背景。
相關(guān)學(xué)習(xí)推薦:html視頻教程