background-size property in CSS represents the size of the element’s background not only used in the body element you can be used in other elements. Many types of values- auto, contain, cover and other units of sizes.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Background Size Property</title>
<style>
body {
background-image: url('Back Image.jpg');
/*You can use any image name with extension.*/
background-repeat: no-repeat;
background-position: 100%;
background-size: cover;
/*You can use many types of values such as auto, contain, cover and other units although with width and height*/
/*If you use cover value, no effect applies by the background-position right. now use 100%.*/
}
</style>
</head>
<body>
<p>background-size property in CSS represents the size of the background.
People spend lakhs of rupees to prepare for competitive exams, but now, if you want, you can prepare for these
exams at home for free. For this, you will not even need to go to the class room. You can do this preparation at
home with the website, which uploads different materials that have been prepared by the expert teachers keeping
in mind the needs of the children. Many times, children are unable to get coaching to prepare for competitive
exams due to financial constraints. Keeping such children in mind, this website has provided many of the
subjects needed to help children reach their goals.
The basic motive of the site is to upload mock tests online to help school children reach their goals. The
special thing is that the tests are free to be accessed and the management keep a check on the changes on the
syllabus and update the material accordingly. This site has been opened to benefit children.
</p>
</body>
</html>Show output :
