Как сделать градиентный фон

Следующая статья: H1 плюс иконка – как правильно делать при помощи CSS

Содержание

• Решение 1: - рекомендовано
• Решение 2
• Решение 3

Решение 1: - рекомендовано

• делаем картинку (gif лучше png) шириной 1 пиксель (лучше в 10px) и нужной высоты
• ставите ее фоном элемента с повтором по горизонтали

background-image:url('http://www.sd-company.su/images/bk.png');/* маленькая картинка с градиентом */
background-repeat:repeat-x;/* повтор только по горизонту */

Настоятельно рекомендую сразу определять цвет фона. Это нужно для тех, кто любит посмотреть сайты без картинок, а таких очень много. Плюс проблемы при печати (При печати по умолчанию картинки/фоны отключены). Если отключить картинки, по многие сайты становятся просто ужасными, что сразу показывает не профессионализм верстальщика.

<style>
hr
{
background-color:#585F62;
}
</style>

Решение 2

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4086b9', endColorStr='#ffffff', gradientType='0');

Решение 3

При помощи javascript, но:

• это не в этой главе
• это гораздо нагружает работу компьютера

Поэтому не рекомендую этот способ.

Видео: «Украсть за 60 секунд»

Видео о краже банкомата всего за 60 секунд, грабители основательно подготовились к работе