css 气泡框

css 气泡框_第1张图片


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

你可能感兴趣的:(CSS,css,前端)