display属性

最新推荐文章于 2025-06-08 14:03:51 发布

原创最新推荐文章于 2025-06-08 14:03:51 发布 · 538 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#display属性

前端学习专栏收录该内容

16 篇文章

订阅专栏

<head>
    <meta charset="UTF-8">
    <title>display属性</title>
    <style>
        .c1{
            background-color:red ;
            /*隐藏页面显示*/
            /*在这里插入代码片
              display: none; */
            /*display: inline;*/
            height: 100px;
        }
        .c2{
            background-color: green;
            /*display: block;*/
        }
        ul{
            list-style-type: none;
        }
        li{
            display: inline;
            border-right: 1px solid #666;
        }
        li.last{
            border-right: none;
        }
    </style>
</head>
<body>
<div class="c1">div</div>
<span class="c2">sapm</span>
<span class="c2">span</span>
<ul>
    <li>aaaa</li>
    <li>bbbb</li>
    <li>cccc</li>
    <li class="last">dddd</li>
</ul>
</body>

在这里插入图片描述