列表

1、无序列表:

无序列表始于<ul> 标签

每个列表项始于<li>标签

2、有序列表:

有序列表也是一列项目,列表项目使用数字进行标记

有序列表始于<ol>标签 

每个列表项始于<li>标签

3、删除li的标示符

  • list-style-type: none 表示不用列表样式

    4、给li添加背景图片

    background: url("img/friend.gif") no-repeat

    5、水平导航栏

    有两种方法创建横向导航栏。使用内联浮动的列表项。

    这两种方法都很好,但如果你想链接到具有相同的大小,你必须使用浮动的方法。

    (1)li{display:inline;}

    (2)li{float:left;}

  • 最后编辑于
    ©著作权归作者所有,转载或内容合作请联系作者
    【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
    平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

    推荐阅读更多精彩内容

    • 声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互...
      凯哥学堂阅读 4,982评论 0 1
    • 在HTML文档中,列表结构主要有三种,有序列表、无序列表和定义列表。具体使用的标签说明如下: 无序列表 ... ...
      Mandy_jin阅读 3,437评论 0 2
    • html有三种列表:有序列表、无序列表、自定义列表 有序列表:有序列表是一列项目,列表项目使用数字进行标记。 有序...
      __Qiao阅读 3,130评论 0 1
    • 1 林子不是个聪明人,经常被人骗还不自知。照理来说被骗了几次也就长记性了,可是他不是,骗子只要遇到他,那是一骗一个...
      大钱小胖阅读 5,117评论 21 15
    • 体验入:昨晚的全员生发回流会让个人、各部门寻找自己的内部客户链,然后环环相扣串连起来形成一个大的内部客户链 找核心...
      Tracy_zhang阅读 1,535评论 0 3

    友情链接更多精彩内容