Liste CSS. Stilizarea listei cu culori. Etichete: ol, ul, li. Toate proprietățiile listei CSS
Partajeaza in Google Classroom
Teorie: Descriere video Descarcă PDF
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ă |