Menu
CoddyTech

RGB-цвета

Часть раздела Стилизация с CSS путешествия по HTML на Coddy. Урок 27 из 76.

В CSS цвета RGB задаются с помощью функциональной записи rgb(). RGB означает красный, зелёный и синий, а каждый цвет представлен значением от 0 до 255. Комбинируя разные интенсивности этих трёх основных цветов, можно создать широкий спектр цветов. 

Вот базовый синтаксис использования цветов RGB в CSS:

selector {
    color: rgb(red, green, blue);
    background-color: rgb(red, green, blue);
}

Например:

p {
    color: rgb(255, 0, 0); /* Красный */
    background-color: rgb(0, 255, 0); /* Зелёный */
}

h1 {
    color: rgb(0, 0, 255); /* Синий */
}

.highlight {
    background-color: rgb(255, 255, 0); /* Жёлтый */
}
challenge icon

Задание

Легко

Тебе дан HTML-документ с заголовком (<h1>), абзацем (<p>) и блоком (<div>). Задай всем элементам на странице цвет фона и цвет текста на свой выбор, используя для этого rgb().

Цвета по умолчанию не будут приняты!

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

<html>
<head>
    <title>RGB Colors</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Стилизация с CSS

Потренируйтесь самостоятельно: Песочница Web