Flash Tutorials
& Resources
Fireworks &
Illustrator Tutorials
Web Design
Tutorials & Resources
You are here : : Home > Free Resources > Web Design Tutorials & Resources > Bullet Tips   

Cool HTML Bullet Tips

Learn how to give shapes, alphabets or roman numerals properties to bullets using the <ul> or <ol> tags

Samples of different kinds of bullets using the <ul> tag

      Default Bullet       Square Bullets       Circular bullets
      <ul type="disc" >       <ul type="square">       <ul type="circle">

Samples of using the <ol> tag

     Points in alphabetical order      Points in Roman Numerals
  1. Point a
  2. Point b
  3. Point c
  1. Point A
  2. Point B
  3. Point C
  1. Point i
  2. Point ii
  3. Point iii
  1. Point I
  2. Point II
  3. Point III
     <ol type="a">      <ol type="A">      <ol type="i">      <ol type="I">

All you need to do is get into the html and use the 'Type' attribute in the <ul> and <ol> tags. You can also use images as bullets as seen in our ready-made website templates.

Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.

Looking for high-quality Website Design? Choose from over 60000 templates!

Learn How to Create a Simple HTML5 Website

Learn how to create a simple Html5 website

Bootstrap 3 Responsive Website Tutorial

Bootstrap 3 Responsive Website Tutorial

Video Tutorial - Create a simple responsive website using Dreamweaver


Best Wordpress Themes of 2017

best wordpress themes of 2017

Featured Template
Template # 64833
Type: Bootstrap
Price: $75