列表常用属性介绍

1.列表

注:在列表中ul与ol内必须是li标签而li内可以装其他的标签

1.1 有序列表

 <ol>

        <li>吃饭啦</li>

        <li>睡觉啦</li>

    </ol>

ol中有一个属性type可以改变前面排序的字母样式,而还有个属性start可以确定有序列表的起始位置

例如:

 <ol type="A" start="3">

        <li>吃饭啦</li>

        <li>睡觉啦</li>

    </ol>

1.2 无序列表

 <ul type="none">

        <li>芜湖</li>

        <li>起飞</li>

    </ul>

注:无序列表中有个type:none;可以取消掉无序列表前的小黑点

还有一个自定义列表但是不常用有兴趣的可以去了解一下。

2.1列表的css属性

list-style-image: 可将列表项标记 设置为图像

list-style-position:列表项标记的 放置位置(个人理解就是这个列表加了边框后,控制表列表项标记在边框内还是边框里面)

list-style-type:这个是用来控制列表项标记的符号类型的,比入空心圆等;

注:一般这些属性都是设置在父元素上的,父元素会将这些属性继承给他下面的li标签。

个人觉得掌握这些已经够了,如果在工作中遇到了一些生僻的就需要去自己搜索了,但是常用的还是希望各位能够掌握啦!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值