Grafikus markerek lista

Ehhez listatételek gyönyörű, gyakran használják a kis képek.

Mi megtöltjük a mi művészeti marker a szerveren, és emlékszik az utat. Legyen images / pulka.jpg

A formáció a képet, az alapértelmezett helyett marker stílus fájlt hozzá list-style-image tulajdonság:

Kapunk egy lista nézetben, hanem a szokásos:

Ebben a példában megadott típusú kör stílus list-style-type: kör; - ez azok számára, akiknek a felhasználók a böngésző nem jeleníti meg a képet.

Ügyeljen arra, hogy a méret a kép golyók - hogy ne legyen túl nagy, általában 10-25 képpont.

Bizonyos esetekben egy grafikus kép hozzá a háttérben.

Teljes ul li kódot beilleszteni az egyéni képeket, mint egy marker:

CSS tulajdonságok között szerepel:

border-top - vonal körül a keret (vastagság, szín, stílus - szilárd anyag);

list-style-type - megjelenése. típusú marker.

Padding - padding a tartalmát a felső, alsó, jobb, bal.

Háttér - háttér a listában.

nagy kép kódja listaként marker. Hogyan lehet eltávolítani a markerek css listából.

Ahhoz, hogy távolítsa el azt a pontot a listából, ispolzuemlist-style egy lapon css stílusokat: none;.

Ebben a példában a marker, mely nagy képet, például 50-50 pixel. Az elv a következő: távolítsa el az alapértelmezett token (list-style: none;), készül a hely egy nagy képet a francia, helyezze a marker (background: url (maxpulka.png) no-repeat;).

Ha érdekli a css osztályokat, akkor a vonat a továbbfejlesztett változata során Jevgenyij Popov.

Teljes természetesen «Css gyakorlat”

Grafikus markerek lista

CSS ismeretek szükségesek minden webmester, mert ez egy univerzális módon, hogy egy magas színvonalú tervezés újratöltése nélkül az oldal kódja.

Azok számára, akik szeretnék, hogy gyorsan megtanulja trükkök css stílusokat. Azt javasoljuk, haladó tanfolyam „a CSS gyakorlat” Evgeny Popov.

Ebben a témában, akkor olvassa el az alábbi útmutatók:

Behúzás css listát.

Hogyan változtassuk css színjelölőt lista a színe más volt a szöveg színét.

Beágyazott listák. Mivel a css, hogy egy vízszintes listát. Változás számozott lista stílusban.

Töltse érdekes markerek webhelylistákon.

Kapcsolódó cikkek