Как поставить красивый фон сайту?
Вы часто замечали в сети сайты, которые украшены фоном, так вот, в этой статье мы поведаем Вам о том, как можно поставить такой фоновую картинку у себя на сайте.
В CSS3 есть замечательное свойство, и оно называется background. Кто немного знает английский, то в переводе – это означает фон. Фоном может выступать: текстура, картинка, цвет. Есть много дополнительных атрибутов, которые мы рассмотрим в этой небольшой статье.
background-color – это свойство, которое задает цвет. Можно применять определенным элементам или всему телу сайта.
Собственно, как-то так:
/* задать черный фон сайта */
body {
background-color: #000000;
}
/* фон заголовка черный, шрифт белый */
h1 {
color: #ffffff;
background-color: #000000;
}
Идем дальше.
background-image позволяет задавать фоном картинку.
body {
background-color: #000000;
background-image: url ("my-image.jpg");
}
Обратите внимание на ссылку на картинку, можно задать явно, можно загружать с сервера, только лежать должно в одной папке, если хотите чтобы работало, как и с примера, написанного выше.
Управлять размером картинки также просто, есть свойство background-size.
div {
background: url(my-image.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
background-repeat позволяет повторять или не повторять картинку по осям.
background-position позволяет позиционировать нашу картинку.
background-attachment позволяет фиксировать фоновую картинку при прокрутке.
Похожие статьи
В мире современных технологий и цифровых инноваций, данные играют ключевую роль в принятии решений, оптимизации бизнес-процессов и понимании...
Когда вы создали сайт, то естественно для дальнейшего развития вам нужно воспользоваться услугами продвижения и раскрутки. У многих возникает...
На протяжении последних пятнадцати лет отличным инструментом Интернет-маркетинга было и остается старое доброе SEO – продвижение сайта в Гугл и в...
Аудит сайта весьма похож на аудит компании, его основная цель - это сбор и анализ информации для того, чтобы на ее основании составить...
Хостинг - место на сервере, которое позволяет публиковать ваш сайт в сети интернет. Сервер хранит данные вашего сайта в интернете, обрабатывает...
Определяя цели, заказчик проекта по продвижению сайта в ТОП должен понимать, что первые из перечня выступают практически недостижимыми. Данный факт...
Пришло время оплачивать работы по SEO и вас, как и каждого заказчика, может смущать факт полной предоплаты за услуги. «Я заплачу, а что они будут...
На данный момент организации и предприятия имеют возможность активно использовать для своего продвижения следующие виды интернет-услуг...
Покупка серверного оборудования требует предельно серьезного подхода. Если вы хотите купить сервер, который будет отвечать всем вашим требованиям,...
Возникла задача увеличить посещаемость ресурса по коммерческим вопросам и привлечь на сайт целевой трафик, с максимальным ростом оформленных...
Партнерские программы и способы раскрутить свой сайт с их помощью все это и многое другое в узнаете на сайте информационного портала Лидзавод.
Принимая решение разработать мобильное приложение для бизнеса, вы не в последнюю очередь интересуетесь стоимостью реализации подобного проекта. В...