В сегодняшнем уроке мы рассмотрим создание бордеров у элементов с помощью CSS. Чтобы сделать рамку вокруг элемента, все что вам нужно это border . Значения могут быть solid , dotted , dashed , double , groove , ridge , inset и outset .
border-width задает ширину границы, которое, как правило, мерится пикселями. Есть также свойства border-top-width , border-right-width , border-bottom-width и border-left-width для обозначения рамок слева, справа, сверху, и снизу.
Наконец, border-color задает цвет.
Для проверки добавьте следующий код в CSS файл:
Code
h2 { border-style: dashed; border-width: 3px; border-left-width: 10px; border-right-width: 10px; border-color: red; }
Этот код поставит красную 3х-пиксельную рамочку слева, и 10-пиксельную красную рамочку справа у всех тегов H2.
Все это можно написать одной короткой строчкой если вы хотите сделать простую рамочку по всем краям:
Code
h2 {border:1px solid red;}
Добавил:
Категория: 
Дата: 
Просмотров: 422 |
Комментариев: (