Set an image as the background of the page

This example demonstrates:

How to use the background-image attribute to set a background image for a page

Example analysis:

The background-image attribute describes the background image of the element

By default, the background The image is repeated tiled to cover the entire element entity.

# Tip: Please set an available background color so that if the background image is not available, the background color strip can be used instead.

Next Section

new file

<!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>

submit Reset Code

Automatic operation

Full Screen