.surface { background-color: #e0f2fe; border: 2px solid #0284c7; }Светлый фон и более тёмная граница — два разных слоя.
УРОК 29 ИЗ 100
Сочетайте фон и границу
Отделите поверхность карточки от её границы.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
background-color окрашивает фон, а border-color задаёт цвет границы при наличии стиля рамки.
.surface { color: #e0f2fe; border-color: #0284c7; }color меняет текст, а border-color без border-style не показывает рамку.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Заполните background-color и сохраните сплошную рамку.
index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○Карточка использует фон #e0f2fe.
- ○Граница сохраняет #0284c7.
- ○Граница сплошная.
Объясните логику решения
Каждое свойство управляет отдельной частью поверхности.