Setting the Bullet Styles of Unordered Lists
02-02-18 Course- CSS-Simple
You can set a predefined bullet style, for example, disc, square, or circle, for making the list items of an unordered list. Let’s perform the following steps to set the bullet styles for the list items in two unordered lists:
<!DOCTYPE html>
<html>
<head>
<title>Setting the Bullet Styles of Unordered Lists</title>
<style type=”text/css”>
ul.circle {list-style-type: disc}
ul.square {list-style-type: square}
</style>
</head>
<body>
<h4>Here is a list of students:</h4>
<ul class=”disc”>
<li>Sumit Saxena
<ul class=”squre”>
<li>Passed 10th in 1999</li>
<li>Passed 12th in 2001</li>
<li>Passed BCA in 2004</li>
<li>Passed MCA in 2007</li>
<ul>
</li>
<li>Amitabh kumar </li>
<li>Rohit Jandal</li>
<li>Jitendra arya</li>
<li>Avantika Sharma</li>
<li>Sanchita Sarkar</li>
</ul>
</body>
</html>
Save the document with the name BulletStyles.html and open on browser.