CSS: Рамки
Отделить несколько блоков друг от друга позволяют рамки. CSS правило border
«рисует» вокруг блока границу с заданным цветом. Для этого принимаются 3 значения:
- ширина границы;
- тип границы;
- цвет границы.
Наиболее распространёнными типами рамок являются:
solid (сплошная)
dotted (пунктирная)
dashed (штриховая)
<style>
.border-dotted {
border: 1px dotted #000;
}
</style>
<div class="border-dotted">
Блок с пунктирной рамкой и чёрным цветом
</div>
Задание
Добавьте в редактор div
с классом border-bold
и установите сплошную границу толщиной 5 пикселей. Цвет рамки #2196F3. Стили запишите в теге style
.
Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics
Если вы столкнулись с трудностями и не знаете, что делать, задайте вопрос в нашем большом и дружном сообществе