Фото детские прически для мальчиков от 2 лет 18 фото

Фото детские прически для мальчиков от 2 лет
Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Задача

Сделать горизонтальную линию на странице.

Решение

Горизонтальные линии хорошо использовать для отделения одного блока текста от другого. Небольшой по размеру текст, сверху и снизу которого располагаются горизонтальные линии, привлекает больше внимания читателя, чем обычный текст.

С помощью тега <hr> можно нарисовать горизонтальную линию, вид которой зависит от используемых атрибутов, а также браузера. Тег относится к блочным элементам, поэтому линия всегда начинается с новой строки, а после неё все элементы отображаются на следующей строке. Благодаря множеству атрибутов тега <hr> линией, созданной через этот тег, легко управлять. Если ещё подключить мощь стилей, то добавление линии в документ превращается в простое занятие.

По умолчанию линия <hr> отображается серого цвета и с эффектом объема. Такой вид линии не всегда подходит к дизайну сайта, поэтому понятно желание разработчиков изменить цвет и другие параметры линии через стили. Однако браузеры неоднозначно подходят к этому вопросу, из-за чего придется использовать сразу несколько стилевых свойств. В частности, старые версии браузера Internet Explorer для цвета линии применяют свойство color, а остальные браузеры — background-color. Но это еще не все, при этом обязательно следует указать толщину линии (свойство height) отличной от нуля и убрать рамку вокруг линии, задавая значение none у свойства border. Собирая все свойства воедино для селектора hr, получим универсальное решение для популярных браузеров (пример 1).

Пример 1. Горизонтальная линия

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Цвет горизонтальной линии</title>
  <style>
   hr {
    border: none; / Убираем границу /
    background-color: red; / Цвет линии /
    color: red; / Цвет линии для IE6-7 /
    height: 2px; / Толщина линии /
   }
  </style>
 </head>
 <body>
  <hr>
  <p>Текстовоя строка</p>
  <hr>
 </body>
</html>

Результат данного примера показан на рис. 1.

Цветная горизонтальная линия

Рис. 1. Цветная горизонтальная линия

Фото детские прически для мальчиков от 2 лет 67
Фото детские прически для мальчиков от 2 лет фото
Фото детские прически для мальчиков от 2 лет 75
Подарок мужчине на 50 лет на Одарим ру
Фото детские прически для мальчиков от 2 лет 9
Поздравления с Днем Победы 2017
Фото детские прически для мальчиков от 2 лет 33
Пирог из лаваша - вкусный рецепт с пошаговым фото
Фото детские прически для мальчиков от 2 лет 77
Красивые прически из косичек. Как делать прически
Фото детские прически для мальчиков от 2 лет 34
Подушечка для колец
Фото детские прически для мальчиков от 2 лет 99
Выращивание АВОКАДО в домашних условиях
Фото детские прически для мальчиков от 2 лет 94
Фото детские прически для мальчиков от 2 лет 33
Фото детские прически для мальчиков от 2 лет 47
Фото детские прически для мальчиков от 2 лет 44
Фото детские прически для мальчиков от 2 лет 16
Фото детские прически для мальчиков от 2 лет 46
Фото детские прически для мальчиков от 2 лет 86
Фото детские прически для мальчиков от 2 лет 50
Фото детские прически для мальчиков от 2 лет 35
Фото детские прически для мальчиков от 2 лет 34
Фото детские прически для мальчиков от 2 лет 43
Фото детские прически для мальчиков от 2 лет 48