CSS Background and Color

Background and Color Properties
CSS background properties are used to manage background view in an element. For example, to set background color, make image background, and set background position.

color
Color property change foreground color, which is frequently used text. Example:

This text is plain, <SPAN style="color:orange"> but I’m orange </ SPAN>

background-color Used to make the background color. Example:

<SPAN Style="background-color:yellow"> Yellow background</ SPAN>

 
You can also use the table:

<TABLE Style="background-color:orange" border="1"> <TD> Orange Background</ TABLE>

This background can also be used in the form:

<form> Name: <input TYPE="text" size="25" style="background-color:green"> </ FORM>

background-image
Almost the same as background color, but is used in an image. Example:
background-image: url (http://www.pageresource.com/images/background.jpg)

After the colon, you write "url". Then put the URL address in it. Example:

<SPAN style = "background- image: url (http://www.pageresource.com/images/background.jpg) ">

CSS Background Properties

Property	Description	Values
background	Property used to set all background property in a declaration only.	background-color background-image background-repeat background-attachment background-position
background-attachment	Set whether image background fixed or scroll	scroll fixed
background-color	Set background color	color-rgb color-hex color-name transparent
background-image	Set if an image set as background	url none
background-position	Set the position of image background	top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos
background-repeat	Set whether image background will be repeated or not	repeat repeat-x repeat-y no-repeat