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

0 comments:

Post a Comment