css 气泡框

2023-12-13 06:27:54

在这里插入图片描述


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

文章来源:https://blog.csdn.net/quhongqiang/article/details/134954481
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。