CSS BACKGROUND-COLOR

Tweet to @xcss3x

CSS BACKGROUND-COLOR

The background-color property sets the background color of an element.

Inherited: No

Examples

1
2
3

p {
background-color: #ff0000
}

1
2
3

h1 {
background-color: rgb(0,255,255)
}

1
2
3

body {
background-color: yellow;
}

Possible Values

color: The color value can be a color name (red), a rgb value (rgb(255,0,0)), or a hex number (#ff0000)
transparent: The background color is transparent.

http://linkeo.com PLasebo

Can we define gradient background color in CSS3 ?
- Chiranjeev Kumar
  
  Yes possible in css3
  
  http://www.webdesignerwall.com/
my name

Gradients as in:
http://webkit.org/blog/175/introducing-css-gradients/
- http://hi.baidu.com/lsin30/blog Sin
  
  how about rgba(),alpha can be used in css3
http://www.webdesignerwall.com/ Chiranjeev Kumar

Gradients possible define in css3.
http://muddledramblings.com Jerry

Actually there is NO gradient color in the CSS3 specification. Some browsers have implemented (very different) ways of specifying gradients using CSS, but they are not CSS3. We likely won’t see any convergence of the different methods until and if gradients are part of a later CSS specification.
Radhika

@PLasebo:
Yes it is possible:
p {background-color: #00ff00
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6b666b), color-stop(1, #333033) );
background:-moz-linear-gradient( center top, #6b666b 5%, #333033 100% );
}
http://flash-bang-seo.co.uk Flash Bang SEO

Just what I needed thank you. Just need to find a color wheel and I’m sorted!

CSS3.com - A comprehensive CSS 3 reference guide, tutorial, and blog

CSS BACKGROUND-COLOR

Examples

Possible Values

Sponsors

Properties