How to repeat background image horizontally

Example analysis:

The background-repeat attribute is used to set the tiling method of the background image. The following values can be set:

● Repeat: Default value, the background image will repeat vertically and horizontally.

●　repeat-x: Only the horizontal position will repeat the background image.

●　repeat-y: Only the vertical position will repeat the background image.

　●　no-repeat: Set the background image not to repeat.

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/5c6a80bba060c467.png');
	background-repeat:repeat-x;
}
</style>
</head>

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

</html>

submit Reset Code

Automatic operation

Full Screen