温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何在html中自定义有序列表

发布时间:2021-06-04 18:02:06 来源:亿速云 阅读:276 作者:Leah 栏目:web开发

如何在html中自定义有序列表?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。


list-style-type 属性设置列表项标记的类型。

语法:

元素{ list-style-type:类型; }

属性值:

如何在html中自定义有序列表

示例:

<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>Coffee</li>       <li>Tea</li>       <li>Coca Cola</li>     </ul>     <p>Type square:</p>     <ul class="square">       <li>Coffee</li>       <li>Tea</li>       <li>Coca Cola</li>     </ul>     <p>Type upper-roman:</p>     <ol class="upper-roman">       <li>Coffee</li>       <li>Tea</li>       <li>Coca Cola</li>     </ol>     <p>Type lower-alpha:</p>     <ol class="lower-alpha">       <li>Coffee</li>       <li>Tea</li>       <li>Coca Cola</li>     </ol>   </body> </html>

效果:

如何在html中自定义有序列表

关于如何在html中自定义有序列表问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI