Colours and backgrounds · Цвета и фоны
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Эта страница требует современного браузера (с поддержкой SharedArrayBuffer). Пожалуйста, обновите Chrome, Edge, Firefox или Safari до последней версии.
English
Colours
- You can name a colour:
red,blue,green,tomato,gold, and many more. - Or use a hex code like
#2a7ae2— a#followed by six letters/numbers. - Names are easy to remember; hex codes give you millions of exact colours.
Русский
Цвета
- Вы можете назвать цвет:
red,blue,green,tomato,goldи многие другие. - Или используйте шестнадцатеричный код (hex code), такой как
#2a7ae2— символ#, за которым следуют шесть букв/цифр. - Названия легко запомнить; шестнадцатеричные коды дают вам миллионы точных цветов.
English
Backgrounds
colorchanges the text colour.background-colorchanges the colour behind an element.- Put
background-coloronbodyto colour the whole page.
Русский
Фон
colorменяет цвет текста.background-colorменяет цвет фонa за элементом.- Поместите
background-colorнаbody, чтобы раскрасить всю страницу.
<style>
body { background-color: #f3f4f6; }
h1 { color: tomato; }
</style>
<h1>Hello!</h1>
<p>A page with a soft grey background.</p>
English
Common mistakes
colorsets the text;background-colorsets the background.- A colour is a name, a
#rrggbbcode, orrgb(...).
Русский
Распространенные ошибки
colorзадает текст;background-colorзадает фон.- Цвет — это название, код
#rrggbbилиrgb(...).
English
Now you try
coloris the text;background-coloris behind it.- Colour the page background, then use a hex colour on the heading.
Русский
Теперь попробуйте сами
color— это текст;background-color— это фон под ним.- Раскрасьте фон страницы, а затем используйте hex-цвет на заголовке.
Give the whole page a soft background. Add body { background-color: lightyellow; }. · Придайте всей странице мягкий фон. Добавьте body { background-color: lightyellow; }.
Colour the heading with a hex code. Add h1 { color: #2a7ae2; } (that's a blue). · Окрасьте заголовок с помощью шестнадцатеричного кода. Добавьте h1 { color: #2a7ae2; } (это синий цвет).