При изучении CSS мы уже сталкивались с установкой пользовательского цвета для текста внутри блока. Но это не единственная возможность по установке цвета — его можно установить в качестве фона для всего блока.
Обратите внимание, область с теорией и редактором в уроках отделены от остального сайта белым фоном. Это делается не только для удобного чтения, но и для того, чтобы глаза быстро находили область с основным контентом. Для установки фонового цвета используется свойство background-color, значением которого является цвет.
В качестве цвета можно использовать уже знакомые hex-значения:
<div class="card">Карточка с белым текстом на фиолетовом фоне</div>
.card {
color: #ffffff;
background-color: #673ab7;
}
Добавьте в редактор <div> с классом background и установите цвет фона #2196f3. Стили запишите в теге <style>
Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.
В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.
Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.
Выбрать цвет и получить его hex-код можно на HTML Color Codes