Пользовательские фоновое изображение

Question

Как создать фон, как это в CSS (средний и последний блок имеет высоту жидкости):

Есть ли какие-либо хорошие учебники?

Answer 1

Вы бы верхние и нижние div элементов и установить их CSS следующим образом:

#topBGDiv 
{ 
    width: 100%; 
    height: 125px; // Make this the height of the background image in pixels 
    background-image: url('dark-gray-ribbon.jpg'); 
    background-repeat: repeat-x; 
    overflow: hidden; 
} 


#bottomBGDiv 
{ 
    width: 100%; 
    height: 110px; // Make this the height of the background image in pixels 
    background-image: url('light-gray-ribbon.jpg'); 
    background-repeat: repeat-x; 
    overflow: hidden; 
} 

использовать изображение, как это для фонового изображения сверху:

и один такой снизу для дна:

Наконец, установите CSS для фона фона страницы как средний цвет. Так, что-то вроде этого:

body 
{ 
    background-color: #C0C0C0; 
} 

Answer 2

Вы можете написать так:

#top,#bottom 
{ 
    height: 110px; // Make this the height of the background image in pixels 
    background: url('BG.jpg') repeat-x left top; 
} 


#bottom 
{ 
    background-position:left bottom; 
}