डाउनलोड पी.डी.एफ. ई-बुक्स
CSS - Unordered Lists List Style Type

विवरण :

कोई विवरण नहीं है |


सोर्स कोड :

<!DOCTYPE html>
<html>
<head>
<title> CSS - Lists : List style type</title>
<style type="text/css">

ul.dis{
list-style-type: disc;
}
ul.cir{
list-style-type: circle;
}
ul.sqr{
list-style-type: square;
}

</style>
</head>
<body>

List Style - Disc
<ul class="dis">
<li> Home </li>
<li> Portfolio </li>
<li> Contact us </li>
</ul>

List Style - Circle
<ul class="cir">
<li> Home </li>
<li> Portfolio </li>
<li> Contact us </li>
</ul>

List Style - Square
<ul class="sqr">
<li> Home </li>
<li> Portfolio </li>
<li> Contact us </li>
</ul>

</body>
</html>

आउटपुट :









List Style - Disc
  • Home
  • Portfolio
  • Contact us
List Style - Circle
  • Home
  • Portfolio
  • Contact us
List Style - Square
  • Home
  • Portfolio
  • Contact us