css:列表

有三种列表:无序列表:ul--li

      有序列表:ol-li

      定义列表:dl  dt  dd

  • 选择标记

   list-style-type: disc(圆点)   circle(圆圈)  square(方块)  upper-alpha(大写字母)  lower-alpha(小写字母)  decimal(数字)  upper-roman(大写罗马字母)  lower-roman(小写罗马字母)

   list-style-type:none   无标记列表

  • 使用定制标记

   ul {

    list-style-type:none;

    marigin-left:0;//取消默认缩进

    padding-left:30px;//重新定义左边距    

    }

    li{

    background-image:url(), repeat-type , position;

    padding-left:

    }

   在ul样式里一定要设置margin-left  padding-left  取消列表的默认缩进

  • 选择列表的起始编号

    用于ol标签,在ol标签 中添加属性start=n 。 在li标签中添加value=m ,单独设置该列表项的标记值。

  • 控制列表标记的位置

   list-style-position:outside(默认值)  inside(列表项文本块内)

   在ul  ol  li 中设置list-style-position效果是一样的

  • 自定义列表

    

<dl>
    <dt></dt>
    
    <dd></dd>
<dl>

  一个dt一个dd

  一个dt多个dd

  多个dt 一个dd

  多个dt多个dd

  

posted @ 2018-03-16 17:21  LittleGirl_MyBaby  阅读(167)  评论(0编辑  收藏  举报