設定一個圖像作為頁面的背景

此範例示範：

如何使用background-image屬性為一個頁面設定背景圖片

實例解析：

background-image屬性描述了元素的背景影像

預設情況下，背景影像進行平鋪重複顯示，以覆蓋整個元素實體。

提示：請設定一個可用的背景顏色，這樣的話，假如背景圖片不可用，可以使用背景色帶代替。

新建檔案

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
body 
{
	background-image:url('https://img.php.cn/upload/article/000/000/015/5c6a7b7818fc9308.gif');
	background-color:#cccccc;
}
</style>
</head>

<body>
<h1>Hello World!</h1>
</body>

</html>

提交重置程式碼

自動運行

全螢幕