css中如何使用list-style-type属性

　　介绍

小编给大家分享一下css中如何使用list-style-type属性,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

css list-style-type属性用于设置列表项标记的类型,可以通过不同的属性值设置不同的列表项标记。所有浏览器都支持list-style-type属性。

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

<强>可设置的属性值:

●没有:无标记。

●盘:默认。标记是实心圆。

●循环:标记是空心圆。

●广场:标记是实心方块。

●小数:标记是数字。

●decimal-leading-zero: 0开头的数字标记。(01、02、03,等。)

●小写罗马数字:小写罗马数字(i, ii, iii, iv, v,等。)

●大写罗马数字:大写罗马数字(i, ii, iii, iv, v,等。)

●小写:小写英文字母标记是小写(a, b, c, d, e,等。)

●大写阿拉伯数字:大写英文字母标记是大写阿拉伯数字(a, b, c, d, e,等。)

●lower-greek:小写希腊字母(α,β,γ,等。)

●lower-latin:小写拉丁字母(a, b, c, d, e,等。)

●upper-latin:大写拉丁字母(a, b, c, d, e,等。)

●希伯来语:传统的希伯来编号方式

●亚美尼亚:传统的亚美尼亚编号方式

●格鲁吉亚传统的乔治亚编号方式(,禁令、氮化镓等)。

●cjk-ideographic:简单的表意数字

●平假名:标记是:一,我,你,e, o, ka, ki,等。(日文片假名)

●片假名:标记是:一,我,你,e, o, ka, ki,等。(日文片假名)

●hiragana-iroha:标记是:我,罗依,哈,倪,ho他,等。(日文片假名)

●katakana-iroha:标记是:我,罗依,哈,倪,ho他,等。(日文片假名)

<强>注释:

所有浏览器都支持list-style-type属性。任何的版本的Internet Explorer(包括IE8)都不支持属性值“decimal-leading-zero"“lower-greek",“lower-latin",“upper-latin",“armenian",“georgian"或“inherit" .

<强> css list-style-type属性示例

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf-8"祝辞 　　& lt; style> 　　ul。一个{list-style-type:圆;} 　　ul。b {list-style-type:广场;} 　　ol。c {list-style-type:大写罗马数字;} 　　ol。d {list-style-type:小写;} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; p>无序列表实例:& lt;/p> 　　 　　& lt; ul类=癮"祝辞 　　& lt; li> Coffee 　　& lt; li> Tea 　　& lt; li>可口Cola 　　& lt;/ul> 　　 　　& lt; ul类=癰"祝辞 　　& lt; li> Coffee 　　& lt; li> Tea 　　& lt; li>可口Cola 　　& lt;/ul> 　　 　　& lt; p>有序列表实例:& lt;/p> 　　 　　& lt; ol类=癱"祝辞 　　& lt; li> Coffee 　　& lt; li> Tea 　　& lt; li>可口Cola 　　& lt;/ol> 　　 　　& lt; ol类=癲"祝辞 　　& lt; li> Coffee 　　& lt; li> Tea 　　& lt; li>可口Cola 　　& lt;/ol> 　　 　　& lt;/body> 　　& lt;/html>

效果图:

以上是css中如何使用list-style-type属性的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

css中如何使用list-style-type属性