If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
For those who are just beginners in this, must know that Lists are in two basic flavors: ordered and unordered. Though since CSS allow you to customize your HTML .
Styling Type in CSS
When you want to have more than default to your numbering of ordered lists, bullets, discs, the answer is to choose a different style for the list. You have to know that CSS allows you to select from a large gamut of different lists item shapes.
- Ordered list style : circle, disc, square..
- Unordered style : lower-alpha, lower-roman, decimal, upper-roman..
CSS Code
Display :
Lists With Images
CSS gives you the opportunity to introduce/insert an image in a place of the normal bullets. For a bullet image the perfect sizes are when a bullet is smaller that the hight of your text, what gives you a quite simple graphic.
CSS Code :
Display :
When using a image it doesn’t matter if the list is <ul> or <ol>. For practice your skills there are very good coding to use image for an unordered list. When you are using a ordered one, there are value that appears next for each list item and you cannot do this with each and single image.
List Position
When you are using CSS there is the chance to alter the indentation who take place with your list items.
CSS Code :
Display :
All in One for CSS
The CSS techniques can be combine into one line of CSS. If you want to have a useful list-type-take .
CSS Code :
Display :
