使用 : after与：befor伪类画贯穿线

最新推荐文章于 2023-08-25 18:37:49 发布

置顶 William.Y

最新推荐文章于 2023-08-25 18:37:49 发布

阅读量1.7k

点赞数

分类专栏： Css 文章标签： class 伪类贯穿线

本文链接：https://blog.csdn.net/WiliamYao/article/details/78519698

版权

Css 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

这里写图片描述

<div class="box">
    用以上社交帐号直接登录
</div>

<style>
    .box{
        width: ;<!--自定义-->
        height: ;<!--自定义-->
        text-align:center;
        background-color:red;
        position: relative;
    }

    .box::before{
        content: "";
        width: 40px; <!--自定义-->
        border-top: 1px solid #ededed;
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
    }

    .box::after{
        content: "";
        width: 40px; <!--自定义-->
        border-top: 1px solid #ededed;
        display: block;
        position: absolute;
        top: 8px;
        right: 0;
    }
</style>