Pentru a face frumoasele elemente ale listei, utilizați adesea fotografii mici.
Puneți markerul nostru de artă pe server și amintiți-vă căi. Să fie imagini / pulka.jpg
Pentru a crea imaginea noastră, în loc de jetonul implicit din fișierul de stil, adăugați lista de proprietăți-stil-imagine:
Avem o astfel de listă în locul celei standard:
În acest exemplu, am specificat un stil de tipul cercului tip-style-type: cerc; - acesta este pentru utilizatorii ale căror browser-uri nu afișează imagini.
Aveți grijă la dimensiunea imaginii peletei - nu trebuie să fie prea mare, de obicei 10-25 pixeli.
În unele cazuri, o imagine grafică este adăugată prin fundal.
Codul complet ul li pentru introducerea unei imagini personalizate ca marcator:
Proprietăți de listă css:
marginea superioară - linia din jurul cadrului (grosime, culoare, stil - solid);
lista-stil-tip - aspect. tip de marcator.
Plăcuță - coadă de la partea de sus, de jos, din dreapta, din stânga.
Fundal - fundalul din listă.
Cod pentru o imagine mare ca marcator de listă. Cum să eliminați marcajele din lista CSS.
Pentru a elimina punctele din lista de stiluri css, folosim stilul: none;
În acest exemplu, o imagine mare este utilizată ca marcator, de exemplu 50 cu 50 de pixeli. Principiul este aceasta: elimina token-ul implicit (list-style: none;), se pregătește un loc pentru o imagine mare, folosind liniuță, se introduce un marker (background: url (maxpulka.png) nu-repeta;).
Dacă sunteți interesat de lecțiile de css, atunci practicați cu o versiune extinsă a cursului de la Yevgeny Popov.
Curs complet «Css practice»
Cunoașterea CSS este necesară pentru fiecare webmaster, deoarece este un mod universal de a face un design de calitate fără a supraîncărca codul paginii.
Pentru cei care doresc foarte repede să învețe stunts css stiluri. Vă recomandăm cursul extins "CSS Practice" de Yevgeny Popov.
Pe acest subiect puteți citi următoarele articole de instruire:
Indreptați lista de css.
Modificarea culorii css a marcatorului de listă astfel încât culoarea sa să fie diferită de culoarea textului.
Listele născute. Cum se face o listă orizontală în css. Modificați stilul listelor numerotate.
Descărcați marcatori frumoși pentru listele de site-uri.
Articole similare
Trimiteți-le prietenilor: