Gebruik de niet-geordende lijsttags om een ​​lijst met opsommingstekens te maken

en plaats itemtags zoals getoond in het onderstaande voorbeeld.

• Voorbeeld
• example2
• Example3

In het bovenstaande voorbeeld zou een lijst met opsommingstekens worden gemaakt, zoals hieronder wordt weergegeven.

• Voorbeeld
• example2
• Example3

Als u deze lijst wilt wijzigen in een geordende lijst (genummerde lijst), wijzigt u de

tags voor

, zoals in het onderstaande voorbeeld.

1. Voorbeeld
2. example2
3. Example3

In het bovenstaande voorbeeld zou een genummerde lijst worden gemaakt zoals hieronder getoond.

1. Voorbeeld
2. example2
3. Example3

Als u CSS-stijl wilde toepassen of een afbeelding als opsommingsteken wilt gebruiken, maakt u CSS-code zoals in het onderstaande voorbeeld.

#content ul li {list-style-Type: none; opvulling: 0 0 4px 23px; achtergrond: url (// www.computerhope.com/arrow.gif) no-repeat left top;

}

In dit voorbeeld gebruiken we een extern CSS-bestand om de webpagina alleen de opsommingstekens in de sectie te laten wijzigen. Als u wilt dat alle items met een opsommingsteken worden gewijzigd, kunt u het #inhoud in het bovenstaande voorbeeld verwijderen. In de tweede regel, de list-style-Type: none; vertelt de browser om geen opsommingstekens weer te geven. In de derde regel, de opvulling: 0 0 4px 23px; is de padding en inspringing rond de kogels. Ten slotte vertelt de laatste achtergrondregel de browser om een ​​afbeelding als opsommingsteken te gebruiken en waar deze wordt weergegeven. Met deze CSS-code krijgen we kogels zoals hieronder getoond.

• Voorbeeld
• example2
• Example3