CSS: Рамки

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

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

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

<style>
  .border-dotted {
    border: 1px dotted #000;
  }
</style>

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

Задание

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