宜宾网站建设公司

css中列表样式指的是什么

小编给大家分享一下css中列表样式指的是什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联于2013年开始，是专业互联网技术服务公司，拥有项目网站制作、网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元环翠做网站,已为上家服务,为环翠各地企业和个人服务,联系电话:18982081108

css中列表样式是：1、css有序列表【ol】和css无序列表【ul】；2、css列表标号样式【list-style-type】；3、css标号样式的显示方式【list-style-position】。

css中列表样式是：

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

　　list.html
 
　　
 
　　
 
　　列表样式
 
　　
 
　　

 
　　
    
 
　　
  • 水果
      
 
　　
    1. 苹果
      2. 
 
　　
    2. 香蕉
      3. 
 
　　
    3. 梨子
      4. 
 
　　
    
 
　　
    • 
 
　　

 
　　

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://hbruida.cn/article/gdohdc.html

其他资讯