CSS background property is used to define the background effects on element. There are 5 CSS background properties that affects the HTML elements:
- Background-color
- Background-image
- Background-repeat
- Background-attachment
- Background-position
background-color
The background-color property is used to specify the background color of the element.
background-image
The background-image property is used to set an image as a background of an element. By default the image covers the entire element. You can set the background image for a page
background-repeat
By default, the background-image property repeats the background image horizontally and vertically. Some images are repeated only horizontally or vertically. The background looks better if the image repeated horizontally only. background-repeat: repeat-x;
background-attachment
The background-attachment property is used to specify if the background image is fixed or scroll with the rest of the page in browser window. If youset fixed the background image then the image will not move during scrolling in the browser.
background-position
The background-position property is used to define the initial position of the background image. By default, the background image is placed on the top-left of the webpage. You can set the following positions:
- Center
- Top
- Bottom
- Left
- Right
Example:
Output:
CSS background color Example
CSS background image Example
Do you Know?
Progamming is what actually means ?What is software development ?
How we categorized software development in different manner.
C Plus Plus
Python
Java Development
Web Designing
Javascript
Mysql
Oracle
