列表

作者: 魔王哪吒 | 来源:发表于2019-05-16 23:20 被阅读6次
image.png

<!DOCTYPE html>
<html>
<head>
    <title>hello world</title>
</head>
<style type="text/css">
    .list{color: #fff;width: 200px;margin: 0 auto;text-align: center;}
    .content{
        height: 50px;width:200px;background: green;
    }
    .line{
        height: 5px;width: 200px;background: #777;
    }
    .item:last-child .line{
        display: none;
    }
</style>
<body>
    <div class="list">
        <div class="item">
            <div class="content"></div>
            <div class="line"></div>
        </div>

        <div class="item">
            <div class="content"></div>
            <div class="line"></div>
        </div>

        <div class="item">
            <div class="content"></div>
            <div class="line"></div>
        </div>

        <div class="item">
            <div class="content"></div>
            <div class="line"></div>
        </div>

        <div class="item">
            <div class="content"></div>
            <div class="line"></div>
        </div>

        <div class="item">
            <div class="content"></div>
            <div class="line"></div>
        </div>
    </div>
</body>
</html>

相关文章

  • Markdown 系列(三) 列表

    无序列表 由圆点组成的列表 列表1 列表2 列表3 列表1 列表2 列表3 列表1 列表2 列表3 +-*这三种符...

  • markdown常用的语法

    列表 有序列表: 列表项 1 列表项 2 无序列表: 列表项 1 列表项 2 列表项 3 列表项 4 列表项缩进两...

  • markdown常用语法

    标题 列表 无序列表- 列表1 - 列表1.1 -列表1.2- 列表2 有序列表1. 列表1 1. 列表1....

  • html阶段第二节第一天

    高级标签 列表标签 无序列表 列表一 列表二 ...... 有序列表 列表一 列表二 ...... 定义列表dl...

  • markdown测试

    段落 三级标题 四级标题 五级标题 列表 无序列表 列表1 列表2 列表3 列表1 列表2 列表3 有序列表 列表...

  • 学习小组Day1笔记-Herobrine

    Day1-Herobrine 列表 无序列表 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 有序列表...

  • H5学习从0到1-H5列表(8)

    列表的基本语法 ol:有序列表 ul:无序列表 li:列表项 dl:列表 dt:列表项 dd:列表描述 常用列表 ...

  • 第一篇简书

    MarkDown首次使用 无序列表 列表1 列表2 列表3 有序列表 有序列表1 有序列表2 有序列表3 有序列表...

  • 标题

    列表1 列表2 子列表1 子列表2 子列表3子子列表1子子列表2子子子列表1子子子列表2

  • markdown test

    header2 test> test 列表* 列表2 * 列表2.1 列表列表2列表2.1

网友评论

    本文标题:列表

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