css background image no repeat 

The background-repeat CSS property sets are background images are repeated .no-repeat using image is not repeated background image shows on your background html file

Open html file

Step 1..

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
 
 </body>
</html>


Open css file

Step 2..

body {
    background-image: url("1.png");
    background-size: 100px;
}



Output--


Step 3..

body {
    background-image: url("1.png");
    background-size: 100px;
    background-repeat: no-repeat;
}


Output--
Try it Yourself »

Helping all of you to make us happy css background image no repeat .how did you feel about us



Tags

2 Comments

Post a Comment

Previous Post Next Post