Hogyan változtassuk meg a marker css lista

Ma megnézzük, hogyan lehet létrehozni listákat egy weboldalon, amely markereket használnak, és tesztelje a különböző stílusok megváltoztatni a megjelenését.

Hadd emlékeztessem önöket, hogyan kell csatlakoztatni stílusok html oldal:










Van pontozott vagy rendezetlen lista css és számozott.

Listája markerek jelentik képek a különböző formák: kör, négyzet, varjú, és hasonlók. Ezek az úgynevezett pellet. Mint markere a listáról, és saját rajzok.

Rendezett lista jelentése terminál információt számok alatt 1, 2, 3, stb

Markers tipikusan egyszerű fekete körök gyakori, hogy a felhasználó számára, de a másik viszont nem vonzódnak különös figyelmet a szöveget.

Ha úgy dönt, hogy cserélje ki ezeket a köröket a design, hogy szükség van, hogy elsajátítsák a design a lista a CSS segítségével. Mit fogunk ma csinálni.

Az alapja minden lista az alábbi weboldalon kód:


  • Az első elem a listában

  • A második elem

  • Az utolsó tétel a listán








Ez az egység a következőképpen néz ki:

  • Az első elem a listában
  • A második elem
  • Az utolsó tétel a listán

CSS design lista markerek

Külső kimenet fogja felírni a style.css stíluslap fájlt. Ő lehet nevezni más módon, de a kiterjesztés .css.

Szabványos CSS markerek: a kör (kör) - nem zárt kör, pont (lemez) - zárt kör, négyzet alakú (négyzet) - tömör négyzet.

Listát készít a kódot css ul - az ő segítségével kérünk, amely a standard jelölő jelenik meg az oldalon.

Például megjeleníti listák segítségével egy kör (kör). Írás a css fájl lesz ez:

Például, az egyik lehetőség változó megjelenése a listán szereplő állások szabványos kör, ha nincs tartalmi blokk ul számára:

Vagy egy másik példa:

Teljes természetesen «Css gyakorlat”

Hogyan változtassuk meg a marker css 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.

Grafikus markerek listáját.

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