CSS list-style-type 属性

2020-12-28 23:28

阅读:595

标签:loading   ola   英文字母   png   circle   rgb   image   head   bsp   

ul.circle {list-style-type:circle;}//圆形列表项
ul.square {list-style-type:square;}//正方形列表项
ol.upper-roman {list-style-type:upper-roman;}//大写罗马数字
ol.lower-alpha {list-style-type:lower-alpha;}//小写英文字母
html>
head>
style type="text/css">
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
style>
head>

body>
p>Type circle:p>
ul class="circle">
li>Coffeeli>
li>Teali>
li>Coca Colali>
ul>

p>Type square:p>
ul class="square">
li>Coffeeli>
li>Teali>
li>Coca Colali>
ul>

p>Type upper-roman:p>
ol class="upper-roman">
li>Coffeeli>
li>Teali>
li>Coca Colali>
ol>

p>Type lower-alpha:p>
ol class="lower-alpha">
li>Coffeeli>
li>Teali>
li>Coca Colali>
ol>


body>
html>

效果图:

技术图片

 

 来源:https://www.w3school.com.cn/css/pr_list-style-type.asp

CSS list-style-type 属性

标签:loading   ola   英文字母   png   circle   rgb   image   head   bsp   

原文地址:https://www.cnblogs.com/sundance123/p/13822502.html


评论


亲,登录后才可以留言!