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 כמו
#2a7ae2— סימן#שאחריו שישה אותיות/ספרות. - שמות צבעים קלים לזכירה; קודי hex מאפשרים מגוון של מיליוני צבעים מדויקים.
English
Backgrounds
colorchanges the text colour.background-colorchanges the colour behind an element.- Put
background-coloronbodyto colour the whole page.
עברית
רקע
colorמשנה את צבע הטקסט.background-colorמשנה את הצבע מאחורי אלמנט.- הנח
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נמצא מאחוריו.- צבועו את רקע העמוד, ולאחר מכן השתמשו בצבע הקסדציוואלי בכותרת.
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). · צבע את הכותרת עם קוד hex. הוסף h1 { color: #2a7ae2; } (זהו כחול).