2014-10-02 3 views
-5

Я пытаюсь сделать этот раздел на своем веб-сайте использующим изображение вместо цвета. В настоящее время он использует белый цвет, но мне нужно изображение, которое у меня есть в папке.Создание изображения с помощью CSS

Вот CSS:

.page { 
    width: 100%; 
} 
.section { 
    position: relative; 
    overflow: hidden; 
    width: 100%; 
    z-index: 2; 
    padding: 100px 0; 
    background-color: #fff; 
} 
.padding-top-off { 
    padding-top: 0; 
} 
.padding-bottom-off { 
    padding-bottom: 0; 
} 
.padding-off { 
    padding: 0; 
} 
.padding-top-half-off { 
    padding-top: 50px; 
} 
.border { 
    border-bottom: 1px solid #ececec; 
} 
+1

тип фон: url ('к вашему изображению url'); –

+2

Вы на самом деле ничего не пробовали, исходя из кода, который вы опубликовали. – meagar

+2

Сделайте некоторые [чтение на фон свойства] (https://developer.mozilla.org/en-US/docs/Web/CSS/background) – misterManSam

ответ

1
background:url('your image link/location'); 

Например:

background:url('https://lh6.googleusercontent.com/-4jDD67VW8zI/AAAAAAAAAAI/AAAAAAAAABE/Caii4FguqIo/photo.jpg?sz=128'); 
1

Изменение

background-color: #fff; 

в

background:url('insert image link/location here') 

Проверьте связь this, а также поможет вам изучить основы CSS.
Имейте в виду, что поиск в Google обеспечит вам более быстрый ответ.

Смежные вопросы