html中怎麼設定背景圖片
- 王林原創
- 2021-06-23 10:49:5863266瀏覽
html中設定背景圖片的方法是，在body中加入background-image屬性，並且設定背景圖片的url即可，例如【background-image:url('');】。
本文操作環境：windows10系統、html 5、thinkpad t480電腦。
background-image 屬性設定一個元素的背景圖像。
元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。
預設情況下，background-image放置在元素的左上角，並重複垂直和水平方向。
常用屬性值：
url('URL') 影像的URL
- ##none 無影像背景會顯示。這是預設屬性值
- inherit 指定背景圖片應該從父元素繼承
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
body
{
background-image:url('https://static.runoob.com/images/mix/paper.gif');
background-color:#cccccc;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>大家可以自行保存上面的程式碼到本地，嘗試運行看下效果。 以上是html中怎麼設定背景圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：html如何設定一個按鈕下一篇：html如何設定一個按鈕