css中列表样式是什么_CSS

上一篇: css中怎么插入表格下一篇:css有哪几类样式

css中列表样式是什么

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css中列表样式是什么，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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
 
　　<!doctypehtml><html><head>
 
　　<;metacharset="utf-8">
 
　　<title>列表样式</title>
 
　　<linkhref="box.css"type="text/css"rel="stylesheet"></head><body>
 
　　<p>
 
　　<ul>
 
　　<li>水果<ol>
 
　　<li>苹果</li>
 
　　<li>香蕉</li>
 
　　<li>梨子</li>
 
　　</ol>
 
　　</li>
 
　　</ul>
 
　　</p></body></html>

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中列表样式是什么的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的css中列表样式是什么全部内容，希望文章能够帮你解决css中列表样式是什么所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: css中怎么插入表格下一篇:css有哪几类样式

猜你在找的CSS相关文章