+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

Свойства цвета и фона

Присвоение элементам цветовых и фоновых значения помогают создать зрелищную WEB-страницу. В CSS можно использовать множество свойств, которые придадут вашей странице требуемую привлекательность. Создадим небольшой блок
<div class="myblock">Текст блока</div>
 /* цвет блока и цвет шрифта в блоке */
.myblock{
color:#ff0000;
background:#f1f1f1;}

/* задаем цвет блока и цвет шрифта через rgb */
.myblock{
color:rgb(159, 15, 4);
background:rgb(0, 0, 0);}

/* задаем цвет блока и цвет шрифта через rgba */
.myblock{
color:rgba(159, 15, 4, .5);
background:rgba(0, 0, 0, .5);
/* последняя цифра здесь .5 - это уровень прозрачности */}

/* картинка блока */
.myblock{
background:url(http://www.site.ru/img/bg.jpg);}
В свойстве background можно указать сразу несколько параметров
.myblock{
background:url(http://www.site.ru/img/bg.jpg) 0 0 no-repeat;}
/*
0 0 - это положение фонового изображения
можно также использовать, например, top left
no-repeat определяет, как будет повторяться фоновое изображение
no-repeat - не повторять
repeat-x - повторять по горизонтали
repeat-y - повторять по вертикали
*/
Фиксированный бекграунд
.myblock{
/* фиксируем фон, цвет фона Aqua, картинка - bg.jpg
расположение: сверху, слева, неповторяем */
background:fixed Aqua url(http://www.site.ru/img/bg.jpg) 0 0 no-repeat;}


Остались вопросы? Спрашивайте!


Понравилась статья? Расскажи другим :)

Опубликовано: | Просмотров: 539