html背景圖片大小設置教程
網頁製作用的越來越多,有時候一些圖片會放到HTML中來美化頁面,但圖片的尺寸不是都是合適的,所以就需要對它進行設置,使得圖片適應網頁。接下來就介紹怎麼設置圖片尺寸吧。
材料/工具
HTML
方法
以Hbuilder來講解,首先新建一個HTML頁面,如圖。
接着給標籤設置背景圖片,如圖設置的是<body>標籤。
然後新建一個css文件,如圖。
這裏給body標籤設置background-size屬性,如果標籤是div就寫div,然後可以設置寬度和高度。
如圖所示,在new_file.html裏面編輯:<link href="css/1.css" type="text/css" rel="stylesheet"/>,就可以設置背景圖片的大小了。
最後在瀏覽器中預覽一下,如圖為部分背景。