Приветствую Вас, уважаемые читатели. Сегодня статья на тему: «Использование рамок на страницах сайта». Рамки можно использовать в параграфах, дивах, изображениях… Они помогут выделить или украсить необходимый элемент.

Варианты модификаций рамок:

  • Ширина.
  • Радиус.
  • Тень.
  • Цвет.
  • Стиль.

Все эти модификации, можно использовать как в файле СSS, так и прямо на странице.

атрибуты рамок

Ширина рамки

Изменить ширину рамки, можно используя атрибут border-width.

border-width: 1px 1px 1px 1px;  - ширина рамки со всех сторон 1рх.

border-width: 1px; - ширина рамки со всех сторон 1рх.

Радиус рамки

Сделать округлённые улы для рамки, можно, используя атрибут border-radius.

border-radius: 50px 50px 50px 50px; - углы рамки округлены со всех сторон на 50рх.

border-radius: 50px; - углы рамки округлены со всех сторон на 50рх.

Тень рамки

Тень для рамки, можно сделать, используя атрибут box-shadow.

Например так:

box-shadow: 0 2px 15px -4px
#000000; 

Цвет рамки

Изменить цвет рамки, позволяет атрибут border-color.

border-color: #000000; - рамка чёрного цвета

Стиль рамки

Тип или стиль рамки, изменяется атрибутом border-style.

border-style:
solid; - неразрывная рамка.

Атрибут может принимать значение:

  • solid
  • dotted
  • dashed
  • double
  • groove
  • ridge
  • inset
  • outset

Экспериментируйте с разными вариантами модификаций, и находите подходящие Вам решения.

Сегодня мы рассмотрели тему: «Использование рамок на страницах сайта». Узнали как можно создавать, и модифицировать рамки на страницах сайта.

Надеюсь статья была вам полезна. До встречи в новых статьях.

С уважением, Андрей Бондаренко.