מדריך בסיסי | CSS - חלק ג' | רקעים

[Men770]

ב"ה.

---

#guide(רקעים)

היום נתחיל לעשות דברים בפועל, ונעשה רקעים לאתר שלנו.

איך עושים רקע?
יש כמה אפשרויות:

רקע של צבע אחד.

רקע של צבע אחד, עושים עם ההגדרה שנקראת בשם background-color.
דוגמא:

body {
     background-color: #0000ff;
}

יצא לנו רקע כחול לגמרי.
body - סלקטור.
background-color - הגדרה.
#0000ff - ערך. הערך הוא קוד צבע.
אפשר לעשות קודים של צבעים באצעות חיפוש בגוגל color picker, בחירת הצבע, והעתקת מה שכתוב מתחת ל-HEX.

רקע של תמונה.

רקע של תמונה, עושים עם ההגדרה שנקראת background-image.

עושים את זה ככה:

body {
    background-image: url('כאן תכתבו את הכתובת של התמונה');
}

יש עוד סוג של רקע, שנקרא מעבר צבע, ועליו אסביר בהמשך בל"נ.

---

למי שרוצה לדעת עוד:

• רקעים - W3Schools.

בהצלחה!