Rambler's Top100

СОЗДАНИЕ РАМОК В CSS

Для создания рамок или бордюров в CSS применяются следующие свойства

border-width - обозначает толщину рамки
border-color - устанавливает цвет рамки
border-style - устанавливает вид рамки, имеет восемь значений:

solid
inset
dotted
dashed

 

double
outset
groove
ridge

Рамки можно создавать как для заголовков, абзацев текста, так и для любых блоков. Например если написать в файле CSS такой код:

.frame{
border-width: 2px;
border-style: solid;
border-color: blue;
}

А в HTML коде присвоить класс для элемента например <h1 class="frame"> для заголовка или <p class="frame"> для абзаца текста. Пример заголовка и абзаца текста смотрите ниже

ЗАГОЛОВОК

Абзац текста заключенный в рамку будет выглядеть так. Изменив значение стиля border-style:solid; на любое другое из восьми, изменится и вид рамки.

Но это ещё не все возможностии для создания рамок с помощью CSS, можно сделать и закруглённые углы рамок с любым радиусом закругления, сделать закруглёнными только выбранные стороны, причем каждому углу можно задавать разные радиусы закругления, что позволяет создавать довольно интересные фигуры. Для просмотра темы закруглённых рамок, нажмите кнопку 12

 

 

Rambler's Top100 Яндекс цитирования