CSS List
With the help of CSS list properties; you can set an image as the list-item marker and place the list-item marker.
With CSS you can prepare your list item
You can add properties like
image
style
Tag:ol {list-style-type: decimal;}
The CSS list property allocates you to set an image as the list-item marker and place the list-item marker. You can easily add properties like image and style.
Example:
<html>
<head>
<style type="text/css">
ul.disc {list-style-type: disc;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ul.none {list-style-type: none;}
</style>
</head>
<body>
<ul class="disc">
<li>Sun</li>
<li>Moon</li>
<li>Stars</li>
</ul>
<ul class="circle">
<li>Sun</li>
<li>Moon</li>
<li>Stars</li>
</ul>
<ul class="square">
<li>Sun</li>
<li>Moon</li>
<li>Stars</li>
</ul>
<ul class="none">
<li>Sun</li>
<li>Moon</li>
<li>Stars</li>
</ul>
</body>
</html>
No comments:
Post a Comment