Рамки

Отделить несколько блоков друг от друга позволяют рамки. CSS правило border «рисует» вокруг блока границу с заданным цветом. Для этого принимаются 3 значения:

  • ширина границы;
  • тип границы;
  • цвет границы.

Наиболее распространёнными типами рамок являются:

solid (сплошная)
dotted (пунктирная)
dashed (пунктирная)
<style>
  .border-dotted {
    border: 1px dotted #000;
  }
</style>

<div class="border-dotted">
    Блок с пунктирной рамкой и чёрным цветом
</div>

Задание

Добавьте в редактор div с классом border-bold и установите сплошную границу толщиной 5 пикселей. Цвет рамки #2196F3.


Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.