Почему не применяется рамка (border) через таблицу стилей css?

Question

Таблица стилей подключена правильно, т.к. другие свойства, примененные к тексту работают. При чем рамка не применяется и к другим объектам в файле.

<main>
<div class = "activity"> Некоторый текст </div>

Код в css:

.activity{
    border: #070b21;
}

Answer 1

Рамка не отображается, потому что у border есть 3 обязательных аргумента, а именно: цвет, размер и тип border

div{
  margin-bottom: 5px;
}

.solid{
    border: #070b21 2px solid;
}

.dashed{
  border: #070b21 2px dashed;
}

.double{
  border: #070b21 7px double;
}

.ridge{
  border: red 10px ridge;
}

<div class = "solid"> Solid </div>
<div class = "dashed"> Dashed </div>
<div class = "double"> Double </div>
<div class = "ridge"> Ridge </div>

Answer 2

Думаю вам нужно задать толщину границы и ее стиль, например так:

.activity{
    border: 1px solid #070b21;
}

Вот тут подробнее о том, как задать рамку.

БЛОГ НА HUSL

Почему не применяется рамка (border) через таблицу стилей css?

Ответы (2 шт):