美文网首页
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