美文网首页
ul、ol、dl列表

ul、ol、dl列表

作者: 猿分让我们相遇 | 来源:发表于2019-05-27 16:19 被阅读0次

ul(无序列表)、ol(有序)其子标签都是li,dl(定义)子标签dt(被定义的元素)和dd(元素的定义)

一般不设置列表样式时都是根据浏览器默认样式显示,

设置列表快捷方式list-style


项目符号样式list-style-type:

(无序列表):none、disc、circle、square

有序):decimal(1、2、3)、decimal-leading-zero(01、02、03)、lower-alpha、lower-roman、upper-alpha、upper-roman;


list-style-image项目符号用图像代替


由于li可能会很多,我们可以在css中对其父级<ul>设置一个class属性从而使所有li标签的样式都会改变,例如

.list-style li{list-style:none;}

.........

<ul class="list-style">

<li>........

其中空格+子标签意思是对其父级<ul>定义class,作用于<li>的设置。


list-style-position标记的定位:outside(文本外)、inside(文本内部)

相关文章

网友评论

      本文标题:ul、ol、dl列表

      本文链接:https://www.haomeiwen.com/subject/emwwcxtx.html