המאפיין background-color מגדיר את צבע הרקע של התגית
דוגמא: הגדרת צבע רקע
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| #FFFFFF | ✔️ | ✔️ | ✔️ | ✔️ |
| black | ✔️ | ✔️ | ✔️ | ✔️ |
| silver | ✔️ | ✔️ | ✔️ | ✔️ |
| gray | ✔️ | ✔️ | ✔️ | ✔️ |
| white | ✔️ | ✔️ | ✔️ | ✔️ |
| maroon | ✔️ | ✔️ | ✔️ | ✔️ |
| red | ✔️ | ✔️ | ✔️ | ✔️ |
| purple | ✔️ | ✔️ | ✔️ | ✔️ |
| fuchsia | ✔️ | ✔️ | ✔️ | ✔️ |
| green | ✔️ | ✔️ | ✔️ | ✔️ |
| lime | ✔️ | ✔️ | ✔️ | ✔️ |
| olive | ✔️ | ✔️ | ✔️ | ✔️ |
| yellow | ✔️ | ✔️ | ✔️ | ✔️ |
| navy | ✔️ | ✔️ | ✔️ | ✔️ |
| blue | ✔️ | ✔️ | ✔️ | ✔️ |
| teal | ✔️ | ✔️ | ✔️ | ✔️ |
| aqua | ✔️ | ✔️ | ✔️ | ✔️ |
| transparent | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |
דוגמא: הגדרת צבע רקע וצבע טקסט
דוגמא: שנה צבע טקסט וצבע רקע על ידי שימוש בשמות הצבעים