HTML 背景圖片怎么設置?
要設置 HTML 的背景圖片,需要使用 CSS。CSS 是層疊樣式表的縮寫,它是一種用于描述 HTML 文檔呈現方式的語言。
首先,我們需要在 HTML 中添加一個 div 元素并為它命名一個類名,比如說 "bg"。
<div class="bg"></div>然后,在 CSS 中,我們對這個類名對應的元素設置背景圖片。這里的背景圖片可以是一個 URL 鏈接,也可以是本地圖片的路徑。
.bg { background-image: url(鏈接地址); }如果圖片路徑是相對路徑,則需要將圖片文件放置在 HTML 文件所在的文件夾中。 另外,我們還可以設置背景圖片的重復方式、位置和大小等屬性。
.bg { background-image: url(鏈接地址); background-repeat: no-repeat; /* 不重復 */ background-position: center center; /* 居中 */ background-size: cover; /* 拉伸填滿 */ }需要注意的是,CSS 中的屬性名是有大小寫之分的。如果寫錯了屬性名或屬性值,CSS 將無法生效。 使用以上方法,我們就可以輕松地為 HTML 元素設置背景圖片了。
上一篇頁面 css 最小