Liste CSS. Stilizarea listei cu culori. Etichete: ol, ul, li. Toate proprietățiile listei CSS
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
Stilizarea listei cu culori (Styling List With Colors)
Putem, de asemenea, stiliza listele cu culori, pentru a le face să pară ceva mai interesante.
Orice lucru adăugat la eticheta <ol> sau <ul>, afectează întreaga listă, în timp ce proprietățile adăugate la eticheta <li> vor afecta elementele listei individuale:
Exemplu:
Toate proprietățiile listei CSS:
Putem, de asemenea, stiliza listele cu culori, pentru a le face să pară ceva mai interesante.
Orice lucru adăugat la eticheta <ol> sau <ul>, afectează întreaga listă, în timp ce proprietățile adăugate la eticheta <li> vor afecta elementele listei individuale:
Exemplu:
ol {
background: #ff9999;
padding: 20px;
}
ul {
background: #3399ff;
padding: 20px;
}
ol li {
background: #ffe5e5;
padding: 5px;
margin-left: 35px;
}
ul li {
background: #cce5ff;
margin: 5px;
}
Rezultat:Toate proprietățiile listei CSS:
| Proprietate | Descriere |
|---|---|
| list-style | Setează toate proprietățile pentru o listă într-o singură declarație |
| list-style-image | Specifică o imagine ca marker de listă |
| list-style-position | Specifică poziția markerilor elementelor din listă (puncte glont) |
| list-style-type | Specifică tipul markerului de listă |
Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
