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

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

烟雨青岚
烟雨青岚原創
2020-06-17 11:48:2323582瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn