Changing HTML List Bullet Styles
Monday, July 14th, 2008The HTML LIST ITEM tag is used to create bullets to display your list text.
You can change the style of your web page bullets by adding attributes to your <LI> tag or your HTML List tag.
HTML Bullet Code:
<Menu>
<LI type=”disc”>List item 1
<LI type=”circle”>List item 2
<LI type=”square”>List item 3
</Menu>
Your list would be displayed like this:
* List item 1
* List item 2
* List item 3
To create a bulleted list within a list, your code would look something like this:
<UL type=”square”>
<LI>Your text goes here
<UL type=”circle”>
<LI>Your text goes here
<LI>Your text goes here
<LI>Your text goes here
</UL>
<LI>Your text goes here
<LI>Your text goes here
</UL>
Your list would be displayed like this:
* Your text goes here
o Your text goes here
o Your text goes here
o Your text goes here
* Your text goes here
* Your text goes here
Spice up your web pages with some customized HTML List bullets. It will give your web site a more professional appearance.