We have already learned that if a group of list items is marked with symbols, such as bullets, the symbols are called list item markers. In CSS, different type of list items markers are available for ordered and unordered lists. let's create a webpage named liststyletype.html.
<!DOCTYPE html>
<head>
<style type="text/css">
ul .d {list-style-type:square;}
ol .u {list-style-type:upper-roman;}
</style>
</head>
<body>
<p>unordered list item marker</p>
<ul class="d">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<p>Ordered list item marker</p>
<ol class="u">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</body>
</html>
The output of the Above Webpage is:
<!DOCTYPE html>
<head>
<style type="text/css">
ul .d {list-style-type:square;}
ol .u {list-style-type:upper-roman;}
</style>
</head>
<body>
<p>unordered list item marker</p>
<ul class="d">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<p>Ordered list item marker</p>
<ol class="u">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</body>
</html>
The output of the Above Webpage is:
No comments:
Post a Comment