HTML 設置網頁背景
在編寫網頁時,有時需要設置網頁的背景圖片或顏色。HTML 提供了多種方式來設置網頁的背景。
設置背景顏色
使用 HTML 的 body 標簽可以設置網頁的背景顏色。在 body 標簽中添加屬性 style,然后將 background-color 屬性設為要設置的顏色值即可:
<body style="background-color: #f2f2f2;">
上面的代碼將網頁的背景顏色設為淺灰色。
設置背景圖片
使用 HTML 的 body 標簽也可以設置網頁的背景圖片。與設置背景顏色不同的是,需要在樣式屬性中設置 background-image 屬性,并將其設為背景圖片的 URL 地址。例如:<body style="background-image: url('background.jpg');">
上面的代碼將名為 background.jpg 的圖片設置成網頁的背景圖像。
同時設置背景顏色和圖片
有時需要同時設置背景顏色和圖片。可以使用 CSS 的 background 屬性,如下所示:<body style="background: url('background.jpg') no-repeat center center fixed #f2f2f2;">
上面的代碼同時將名為 background.jpg 的圖片設置成網頁背景圖像,設置圖片不重復、在網頁中居中固定,并將網頁的背景顏色設置為淺灰色。
總結
HTML 提供了多種方式來設置網頁的背景,可以設置背景顏色、背景圖片以及同時設置二者。通過這些簡單的代碼和技巧,可以使網頁更加美觀和引人注目。