css中列表样式是什么

coldplay.xixi
发布: 2023-01-03 09:30:51
原创
3304 人浏览过

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

css中列表样式是什么

本教程操作环境:windows7系统、css3版,DELL G3电脑。

css中列表样式是:

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

  list.html         列表样式   
  

  

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

登录后复制

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中列表样式是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!