IT科技

當前位置 /首頁/IT科技 > /列表

html背景圖片大小設置教程

網頁製作用的越來越多,有時候一些圖片會放到HTML中來美化頁面,但圖片的尺寸不是都是合適的,所以就需要對它進行設置,使得圖片適應網頁。接下來就介紹怎麼設置圖片尺寸吧。

html背景圖片大小設置教程

材料/工具

HTML

方法

以Hbuilder來講解,首先新建一個HTML頁面,如圖。

html背景圖片大小設置教程 第2張

接着給標籤設置背景圖片,如圖設置的是<body>標籤。

html背景圖片大小設置教程 第3張

然後新建一個css文件,如圖。

html背景圖片大小設置教程 第4張

這裏給body標籤設置background-size屬性,如果標籤是div就寫div,然後可以設置寬度和高度。

html背景圖片大小設置教程 第5張

如圖所示,在new_file.html裏面編輯:<link href="css/1.css" type="text/css" rel="stylesheet"/>,就可以設置背景圖片的大小了。

html背景圖片大小設置教程 第6張

最後在瀏覽器中預覽一下,如圖為部分背景。

html背景圖片大小設置教程 第7張
TAG標籤:設置 html 背景圖片 #