卡卷左右两边内圆角样式

最新推荐文章于 2022-11-21 22:02:28 发布

前端_李嘉豪

最新推荐文章于 2022-11-21 22:02:28 发布

阅读量492

点赞数

分类专栏：小程序文章标签：优惠卷内圆角

本文链接：https://blog.csdn.net/weixin_42460570/article/details/102775153

版权

小程序专栏收录该内容

47 篇文章

订阅专栏

<div class="bound"></div>

.bound {
    background-color: #3eaaf2;
    width: 300px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.bound::before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.bound::after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
}