首頁 > web前端 > 前端問答 > html怎麼設定背景圖片全螢幕平鋪?

html怎麼設定背景圖片全螢幕平鋪?

烟雨青岚
發布: 2020-06-17 11:48:43
原創
23600 人瀏覽過

html怎麼設定背景圖片全螢幕平鋪?

html怎麼設定背景圖片全螢幕平鋪?

1、新建一個html文件。

html怎麼設定背景圖片全螢幕平鋪?

2、設定HTML的框架,然後把圖片設定在同一個資料夾裡面。

html怎麼設定背景圖片全螢幕平鋪?

html怎麼設定背景圖片全螢幕平鋪?

3、加入,這樣可以有樣式設定。

html怎麼設定背景圖片全螢幕平鋪?

4、因為背景設定在主體,所以還要定義為body{}。

html怎麼設定背景圖片全螢幕平鋪?

5、background-image:url(圖片),這個是加入圖片的意思。

html怎麼設定背景圖片全螢幕平鋪?

html怎麼設定背景圖片全螢幕平鋪?

6、然後我們需要加入background-repeat:repeat-x;這個時候就會橫向平鋪。

html怎麼設定背景圖片全螢幕平鋪?

html怎麼設定背景圖片全螢幕平鋪?

7、background-repeat:no-repeat;這樣就可以不重複平鋪。

html怎麼設定背景圖片全螢幕平鋪?

html怎麼設定背景圖片全螢幕平鋪?

8、background-repeat:repeat-y;這個指令是縱向平鋪。

html怎麼設定背景圖片全螢幕平鋪?

html怎麼設定背景圖片全螢幕平鋪?

9、background-repeat:repeat;這樣則是全螢幕平鋪。

html怎麼設定背景圖片全螢幕平鋪?

html怎麼設定背景圖片全螢幕平鋪?

# 推薦教學:《HTML教學

以上是html怎麼設定背景圖片全螢幕平鋪?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板