Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

Changing HTML List Bullet Styles

The 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
    • Your text goes here
    • Your text goes here
    • 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.

 More Web Design Tips