178 читали · 2 года назад
Расстояние между штрихами border, border с длинными штрихами и закругленными углами
Свойства css не поддерживают настройку расстояния между штрихами, но есть несколько вариантов как это обойти. 1 вариант: Берем картинку png такого вида картинка весит чуть более 100 байт. Цвет, прозрачность, длину и ширину промежутков можно изменить в фотошопе. Код: .border { border: dashed 2px #000; /* запасной вариант */ border-image-source: url("путь_к_картинке.png"); border-image-slice: 1; /* толщина бордера */ border-image-repeat: round; /* повторение изображения */ /* короткая запись border-image */ border-image: url("путь_к_картинке...
3 года назад
Блочная модель Css
Всем привет, в этой статье мы разберемся что же такое блочная модель #CSS и как это работает. Для начала стоить понимать, что все элементы, которые вы видите на странице имеют прямоугольную форму. Заголовок, круг, треугольник, боковая модель и пр. – это модифицированные видоизмененные прямоугольники и это всегда нужно помнить. Второй важный момент, влияющий на использование блочной модели css - это разделение html-элементов на строчные и блочные. (Разделение элементов на блочные и строчные используется в спецификации HTML до версии 4...