.surface { background-color: #e0f2fe; border: 2px solid #0284c7; }Fundalul deschis și conturul mai închis sunt două straturi diferite.
LECȚIA 29 DIN 100
Combină fundalul și conturul
Separă suprafața unui card de conturul său.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
background-color pictează fundalul, iar border-color stabilește culoarea conturului când există un stil de bordură.
.surface { color: #e0f2fe; border-color: #0284c7; }color schimbă textul, iar border-color singur nu afișează un contur fără border-style.
PASUL 2 · APLICĂ
Exercițiul tău
Completează background-color și păstrează conturul solid.
index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ
Ce trebuie să treacă
0%neverificat
- ○Cardul folosește fundalul #e0f2fe.
- ○Conturul păstrează #0284c7.
- ○Conturul este solid.
Explică-mi logica rezolvării
Fiecare proprietate controlează o parte clară a suprafeței.