Chcete-li vytvořit seznam s odrážkami, použijte neuspořádané značky seznamu

a seznam značek položek, jak je uvedeno v příkladu níže.

• Příklad
• Příklad 2
• Příklad 3

Výše uvedený příklad by vytvořil seznam s odrážkami, jak je uvedeno níže.

• Příklad
• Příklad 2
• Příklad 3

Pokud jste chtěli tento seznam změnit na seznam (číslovaný seznam), změňte

značky

, jak je ukázáno v příkladu níže.

1. Příklad
2. Příklad 2
3. Příklad 3

Výše uvedený příklad by vytvořil číslovaný seznam, jak je uvedeno níže.

1. Příklad
2. Příklad 2
3. Příklad 3

Pokud chcete použít styl CSS nebo použít obrázek jako seznam odrážek, vytvořte kód CSS podobný příkladu uvedenému níže.

#content ul li {list-style-Type: none; polstrování: 0 0 4px 23px; background: url (// www.computerhope.com/arrow.gif) levý horní vrchol bez opakování;

}

V tomto příkladu používáme pomocí externího souboru .css webovou stránku, aby změnila pouze položky s odrážkami v sekci. Chcete-li změnit všechny položky s odrážkami, můžete #content odebrat ve výše uvedeném příkladu. Ve druhém řádku je seznam-style-type: none; řekne prohlížeči, aby nezobrazoval žádné odrážky. Ve třetím řádku je výplň: 0 0 4px 23px; je polstrování a odsazení kolem kulek. Nakonec poslední řádek pozadí informuje prohlížeč, aby použil obrázek jako odrážku a kam jej má zobrazit. S tímto kódem CSS dostáváme kulky, jak je uvedeno níže.

• Příklad
• Příklad 2
• Příklad 3