Za izradu popisa s grafičkim oznakama koristite neuređene oznake popisa

i oznake stavki popisa kao što je prikazano u donjem primjeru.

• Primjer
• example2
• Example3

Gore navedeni primjer stvorio bi popis s grafičkim oznakama kao što je prikazano u nastavku.

• Primjer
• example2
• Example3

Ako ste željeli promijeniti ovaj popis na naručeni popis (numerirani popis), promijenite

oznake

, kao što je prikazano u donjem primjeru.

1. Primjer
2. example2
3. Example3

Gornji primjer bi stvorio numerirani popis kao što je prikazano u nastavku.

1. Primjer
2. example2
3. Example3

Ako ste htjeli primijeniti CSS stil ili upotrijebiti sliku kao popis, izradite CSS kod sličan primjeru u nastavku.

#content ul li {list-style-Type: nema; padding: 0 0 4px 23px; pozadina: url (// www.computerhope.com/arrow.gif) bez ponavljanja lijevog vrha;

}

U ovom primjeru, koristeći vanjsku .css datoteku, poručujemo web stranici da mijenja samo označene stavke u odjeljku. Ako želite da se sve označene stavke promijene, možete ukloniti #content u gornjem primjeru. U drugom retku, stil-tip-list: nema; govori pregledniku da ne prikazuje nijedne oznake. U trećem retku, padding: 0 0 4px 23px; je obloga i uvlačenje oko metaka. Konačno, zadnja linija pozadine govori pregledniku da koristi sliku kao metak i gdje ga može prikazati. S ovim CSS kodom dobivamo metke kao što je prikazano u nastavku.

• Primjer
• example2
• Example3