css 气泡框

最新推荐文章于 2024-12-18 17:30:53 发布

原创最新推荐文章于 2024-12-18 17:30:53 发布 · 421 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端

CSS 专栏收录该内容

40 篇文章

订阅专栏

在这里插入图片描述


.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;
    }
    ```