在HTML中,可以通過設置圖片作為背景,讓網頁更加美觀。下面來介紹如何設置圖片背景。
<style> body { background-image: url("圖片地址"); } </style>
上述代碼中,通過在style標簽內使用background-image屬性來設置圖片背景。其中,將圖片的路徑填寫在url()中。
需要注意的是,圖片地址可以是相對路徑,也可以是絕對路徑。
<style> body { background-image: url("http://圖片地址"); } </style>
如果是網絡上的圖片,需要使用完整的圖片地址,并且要加上http://。
除了使用圖片地址設置背景,還可以設置背景的位置、大小等屬性。
<style> body { background-image: url("圖片地址"); background-position: center; background-size: cover; } </style>
上述代碼中,通過設置background-position屬性控制圖片的位置(這里設置居中),通過設置background-size屬性控制圖片的大小(這里設置鋪滿整個頁面)。
總之,通過以上方式,我們可以輕松設置圖片背景,讓網頁更加美觀。
上一篇python+字典轉置
下一篇html字體對齊設置