Horje
How to create HTML Background with no Repeat

To avoid the background image from repeating itself, set the background-repeat property to no-repeat.


Full Example of HTML Background with no Repeat

Add following line on existence CSS background-repeat: no-repeat;
index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url('https://itupto.com/avatar.png');
  background-repeat: no-repeat;
}
</style>
</head>
<body>

<h2>Background No Repeat</h2>

<p>You can avoid the image from being repeated by setting the background-repeat property to "no-repeat".</p>

</body>
</html>

Output should be:

Full Example of HTML Background with no Repeat





Related Articles
What is HTML Background Images HTML Background Images
How to create Background Image with HTML Style HTML Background Images
How to create Background Image with CSS Style HTML Background Images
How to add HTML Background Image on Full Page HTML Background Images
How to create HTML Background Repeat HTML Background Images
How to create HTML Background with no Repeat HTML Background Images
How to add HTML Background Cover with CSS HTML Background Images
How to create HTML Background Stretch HTML Background Images

Single Articles
Full Example of HTML Background with no RepeatHTML Background Images

Read Full:
HTML Background Images
Category:
Web Tutorial
Sub Category:
HTML Background Images
Uploaded by:
Admin
Views:
76


Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_background6_1