Цвета

Урок 4 из 8 курса CSS-проект: Стильная кнопка на Coddy.

Цвет фона и цвет текста — одни из самых важных вещей при стилизации кнопки!

Важно учитывать цветовой контраст для читаемости: когда цвет фона темный, цвет текста должен быть светлым.

Некоторые примеры темных цветов:

черный
синий
красный
коричневый

Некоторые примеры светлых цветов:

белый
желтый
розовый

Задание

Легко

Задачи:

Установите цвет текста кнопки на white
Установите темный цвет фона для кнопки, убедитесь, что он обладает достаточным контрастом!

Совет:

Вы можете установить линейный градиент в качестве фонового цвета, используя (вы можете настроить цвета):

background: linear-gradient(rgb(6, 6, 209), rgb(46, 46, 219));

Или с указанием угла (например, 45 градусов):

background: linear-gradient(45deg, rgb(6, 6, 209), rgb(46, 46, 219));

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

Все уроки раздела CSS-проект: Стильная кнопка

1Введение

2Проект на CSS

Цвета