УРОК 43 ИЗ 100

Создайте полную границу

Задайте толщину, стиль и цвет границы.

Официальный источникW3C CSS Backgrounds and Borders — bordersПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

Как это работает

Видимая граница имеет толщину, стиль и цвет. Эти три свойства можно задавать отдельно, а solid делает границу видимой.

Правильный пример
.notice { border-width: 2px; border-style: solid; border-color: #0f766e; }

Граница имеет толщину 2px и заданный бирюзовый цвет.

Частая ошибка
.notice { border-width: 2px; border-style: none; border-color: #0f766e; }

При border-style: none вычисленная толщина становится нулевой и граница не рисуется.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Заполните три объявления для границы 2px, solid и #0f766e.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Толщина границы — 2px.
  • Граница использует стиль solid.
  • Граница использует цвет #0f766e.
  • Целевое сообщение присутствует.
Объясните логику решения

Толщина, стиль и цвет вместе описывают границу вокруг блока.