css列表样式是什么

这篇文章主要介绍了css列表样式是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

我们提供的服务有:网站设计制作、成都网站设计、微信公众号开发、网站优化、网站认证、永定ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的永定网站制作公司

1、css有序列表(ol)和css无序列表(ul)

list.html

列表样式

  • 水果

    1. 苹果
    2. 香蕉
    3. 梨子

2、css列表标号样式list-style-type

属性值:

circle;空心圆

disc;实心圆

decimal;数字

list.css

ul>li{

list-style-type:circle;

}

ul>li>ol>li{

list-style-type:disc;

}

3、css标号样式的显示方式list-style-position

属性值:outside(在文本之外,默认)

inside(和文本一起)

list.css

ul{

text-align:center;

list-style-position:outside;

}

ul>li{

list-style-type:circle;

}

ul>li>ol>li{

list-style-type:disc;

}

感谢你能够认真阅读完这篇文章,希望小编分享的“css列表样式是什么”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


新闻标题:css列表样式是什么
文章位置:http://myzitong.com/article/ghddgd.html