Changing HTML List Bullet Styles


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

| Web Site Development | HTML Codes | HTML Tips | Web Design Tips | Javascript 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

eTips Member Login

Enter your email address and password to enter the private membership area:

Email:

Password:

Lost Password?

Email:

Not yet a member?

Click here to see what you're missing! Club members receive access to dozens of free video tutorials, utilities and ebooks.

Our Products

• Web Design Mastery
• Mastering Web Hosting
• eBook Starter

Our Other Sites

• ShelleyLowery.com
• Web Design Mastery
• Learn How to Make a Web Page
• Make My Own Website Guide
• Email Newsletter Service
• Mastering Web Hosting
• eBook Starter
• Raging Hearts
• Online Forex Trading For Beginners
• Beginners Real Estate Investing

Partner Sites

• Site Build It!
• Web Site Templates

Web Site Design

• HTML Tips
• PC Security
• CSS Tutorial
• HTML Codes
• Web Design Tips
• JavaScript Codes
• JavaScript Tutorial
• Java Applet Tutorial
• 216 Web Safe Colors
• Web Site Development
• ASCII Character Codes

Follow Us