CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现
发布时间：2020-02-24 16:09:57 作者：爱笑的小宇宙 
我要评论
我要评论这篇文章主要介绍了CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
例子：
<html>
<head>
<style type="text/css">
ul.none{list-style-type:none}
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>list-style-type none:</p>
<ul class="none">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>list-style-type circle:</p>
<ul class="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>list-style-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>list-style-type lower-alpha:</p>
<ol class="lower-alpha">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
</body>
</html>
到此这篇关于CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现的文章就介绍到这了,更多相关CSS有序或无序列表标记list-style-type 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了CSS字体、文本、列表属性的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-22- 这篇文章主要介绍了css中有序无序列表项list样式设置方法,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-02-17
这篇文章主要介绍了使用CSS计数器美化数字有序列表的实现方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-05
最新评论