프로그래밍/CSS

CSS 리스트 스타일

GOHA 2012. 4. 13. 11:49
728x90

<html>
<head>
<style type="text/css">
ul.circle {list-style-type:circle;}
ul.disc {list-style-type:disc;}
ul.square {list-style-type:square;}
ol.decimal {list-style-type:decimal;}
ol.lower_alpha {list-style-type:lower-alpha;}
ol.lower_roman {list-style-type:lower-roman;}
ol.upper_alpha {list-style-type:upper-alpha;}
ol.upper_roman {list-style-type:upper-roman;}
ol.none {list-style-type:none;}
</style>
</head>

<body>
<ul class="circle">
    <li>Circle type</li>
    <li>HTML</li>
    <li>CSS</li>
</ul>
<ul class="disc">
<li>Circle type</li>
<li>HTML</li>
<li>CSS</li>
</ul>
<ol class="decimal ">
<li>Circle type</li>
<li>HTML</li>
<li>CSS</li>
</ol>
<ol class="upper_alpha">
<li>Circle type</li>
<li>HTML</li>
<li>CSS</li>
</ol>

</body>

</htm>

  • Circle type
  • HTML
  • CSS
  • Circle type
  • HTML
  • CSS
  1. Circle type
  2. HTML
  3. CSS
  1. Circle type
  2. HTML
  3. CSS
728x90
저작자표시 (새창열림)