מה זה background-color?

המאפיין background-color ב-CSS משמש להגדרת צבע הרקע של אלמנט HTML. צבע זה יכול להיות בכל פורמט צבעים הנתמך על ידי CSS, כמו שמות צבעים (למשל 'red'), ערכים הקסדצימליים (למשל '#ff0000'), ערכי RGB, RGBA, HSL, ו-HSLA.

שימוש במאפיין background-color

ניתן להשתמש ב-background-color על מנת ליצור רקע צבעוני לאלמנטים שונים כמו כפתורים, קופסאות טקסט, ועוד. צבע הרקע יכול להיות מוצק או שקוף חלקית, תלוי בצורך.

דוגמה לשימוש ב-background-color

להלן דוגמה לשימוש במאפיין background-color:

          

          <div style="background-color: #4CAF50; width: 100px; height: 100px;"></div>
              

          

בדוגמה זו, צבע הרקע של האלמנט מוגדר כירוק (#4CAF50).

שימושים מתקדמים

באמצעות background-color ניתן ליצור אפקטים מעניינים על ידי שילוב עם מאפיינים אחרים כמו border-radius לעיגול פינות או box-shadow ליצירת צל סביב האלמנט.

    <div style="background-color: #4CAF50; width: 100px; height: 100px;"></div>