Liste CSS. Stilizarea listei cu culori. Etichete: ol, ul, li. Toate proprietățiile listei CSS

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:

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ă