  

    , 
     
  .  
  
 
  
  
.  
  CSS-
:

color
background-color
background-image
background-repeat
background-attachment
background-position
background

   : 
 'color'

 color  
   
.

, ,  
    
  -
.   

HTML- <h1>.  
   
 <h1> 
 .

h1 {
color: #ff0000;
}

    
 
,    (
#ff0000),    
 
 ("red")  rgb-
 (rgb(255,0,0)).


 'background-color'

 background-color 
   
.

  <body> 
  
 HTML-
.  , 
    
 
 background-color 
    
<body>.

    
    
,    -  
  .  
 
   
   
<body>  <h1>.

body {
background-color: #FFCC66;
}

h1 {
color: #990000;
background-color: #FC9804;
}

,  
   
 <h1>,    
 . 


  
[background-image]

CSS- background-
image   
  .

    
  
   
    
    
 ,   
     
   http://.

    
  
  
   
background-image  
<body>   
 .

body {
background-color: #FFCC66;
background-image: 
url("image.gif");
}

h1 {
color: #990000;
background-color: #FC9804;
}

 ,   
 ,  
   
url("image.gif").  , 
  
   ,   
 . , 
,  
    
   ,
, , 
url("/images/image.gif"),  
    Internet, 
   :
url("http://wen.ru/i/logo.gif").


/ 
  
[background-repeat]

    
,   
   
   ,
  .  
background-repeat  
.

   
 background-repeat.
Background-repeat: repeat-x
(   
)
background-repeat: repeat-y
(   
)
background-repeat: repeat
(   
  )
background-repeat: no-repeat
(  )

,   
/ 
    
  :

body {
background-color: #FFCC66;
background-image: 
url("image.gif");
background-repeat: no-repeat;
}

h1 {
color: #990000;
background-color: #FC9804;
}
 


  
 [background-
attachment]

 background-
attachment , 
   
,   

  .

    
background-attachment.
Background-attachment: scroll
(  
   -
)
Background-attachment: fixed
( )

,   
 .

body {
background-color: #FFCC66;
background-image: 
url("image.gif");
background-repeat: no-repeat;
background-attachment: fixed;
}

h1 {
color: #990000;
background-color: #FC9804;
}



  
 [background-position]

   
   
   . 
 background-position

    
,    
   
  .

   
  
background-position.   
,    
 
. , 
 '100px 200px'
   
 100px    200px 
  
.

   
   ,  
  
(, ,  . 
.),  
   
top, bottom, center, left  right.

    
.
background-position: 2cm 2cm
(   2 cm 
   2 cm )
background-position: 50% 25%
(   
     
)
background-position: top right
(    
  )

    
   
   :

body {
background-color: #FFCC66;
background-image: 
url("image.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right 
bottom;
}

h1 {
color: #990000;
background-color: #FC9804;
}



  
[background]

 background  
   , 
   .

  background  
   
    
   , 
 
 .

,   
 :

background-color: #FFCC66;
background-image: 
url("image.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right 
bottom;

 background,  
   
   :

background: #FFCC66 
url("image.gif") no-repeat fixed 
right bottom;

   
 :

[background-color] | 
[background-image] | 
[background-repeat] | 
[background-attachment] | 
[background-position]

  , 
   
  . 
,  background-
attachment
 background-position   
 :

background: #FFCC66 
url("image.gif") no-repeat;

   
 
   
   - 
scroll  top left.

