CSS Back Ground properties

  • The background properties are shorthand property for html element:

Background-color

  • It is used for element background color like red, green, yellow etc.
  • The background of an element is the total size of the element, including padding and border(but not the margin).
Example
<!DOCTYPE html>  
<html>  
<head>  
<style>  
h2,p{  
    background-color: yellow;  
}  
</style>  
</head>  
<body>  
<h2>My first page.</h2>  
<p>Hello Nielitbhu.com This is an example of CSS background-color.</p>  
</body>  
</html>   

Background-image

  • Using this short hand property set the background image. 
  • By default, a background-image is placed at the top-left corner of an element, and it repeated both vertically and horizontally.
Example
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('https://nielitbhu.com/paper.jpg');
margin-left: 150px;
}
</style>
</head>
<body>
<h1>Hello Nielitbhu.com</h1>
<h2>Example of CSS Background-image </h2>
</body>
</html>
English Hindi