מדריך בסיסי | CSS - חלק ג' | רקעים
-
ב"ה.
#guide(רקעים)
היום נתחיל לעשות דברים בפועל, ונעשה רקעים לאתר שלנו.
איך עושים רקע?
יש כמה אפשרויות:רקע של צבע אחד.
רקע של צבע אחד, עושים עם ההגדרה שנקראת בשם
background-color
.
דוגמא:body { background-color: #0000ff; }
יצא לנו רקע כחול לגמרי.
body
- סלקטור.
background-color
- הגדרה.
#0000ff
- ערך. הערך הוא קוד צבע.
אפשר לעשות קודים של צבעים באצעות חיפוש בגוגל color picker, בחירת הצבע, והעתקת מה שכתוב מתחת ל-HEX.רקע של תמונה.
רקע של תמונה, עושים עם ההגדרה שנקראת
background-image
.עושים את זה ככה:
body { background-image: url('כאן תכתבו את הכתובת של התמונה'); }
יש עוד סוג של רקע, שנקרא מעבר צבע, ועליו אסביר בהמשך בל"נ.
למי שרוצה לדעת עוד:
- רקעים - W3Schools.
בהצלחה!