Backgrounds style in CSS

• As the name suggests backgrounds are used to add background to the HTML elements.
• Using CSS backgrounds we can add background images, and background colors to the HTML elements
• In today's tutorial, we will see how we can add backgrounds and different background properties.

Basic code for Colors Properties
Background Properties and source code :

Property	Code
Background-color We can simply add background color by color name, hex value, or RGB value. In this, we can use predefined color names like red, green, blue, purple, orange, etc.	.para { background-color:orange; color:white; }
Background-image we can also add images as a background. To set images as background we will use the background-image property.	.para { background-image: url('background.jpg'); }

---

Other Background Properties:

Property	Description
background-position:	background-position is used to set the position of the background.
background-repeat:	Used to set the background repetition.
background-size:	It is used to set the size of the background.
background-attachment:	This property is used to sets whether a background image's position is fixed within the viewport.
background-origin:	The background-origin property specifies the origin position of the background.

---

Background Shorthand Property

p { Background: #fafafa url("") no-repeat right top; }

Introduction to CSS Part-2 PDF Click here to download