css 气泡框

最新推荐文章于 2024-08-30 10:03:46 发布

曲小强

最新推荐文章于 2024-08-30 10:03:46 发布

阅读量309

点赞数

分类专栏： CSS 文章标签： css 前端

本文链接：https://blog.csdn.net/quhongqiang/article/details/134954481

版权

CSS 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

在这里插入图片描述


.tip {
        position: absolute;
        top: -52rpx;
        background-color: #FF6634;
        border: 1rpx solid #ccc;
        border-radius: 10rpx;
        padding: 10rpx;
        font-size: 22rpx;
        color: #fff;
        box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
    }
    .tip::before {
        content: '';
        position: absolute;
        top: 100%;
        left: 10%;
        border-width: 8rpx;
        border-style: solid;
        border-color: #FF6634 transparent transparent transparent;
    }
    ```