Horje

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



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


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

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Background Images
Uploaded by:
Admin