【css】画提示框三角形

最新推荐文章于 2024-07-31 16:40:00 发布

寇斯的英语

最新推荐文章于 2024-07-31 16:40:00 发布

阅读量265

点赞数

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

本文链接：https://blog.csdn.net/qq_43095183/article/details/127909899

版权

CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<div class="test">
        <span></span>
    </div>

.test {
            position: relative;
            width: 120px;
            height: 249px;
            background-color: aquamarine;
            margin: 100px auto;
            border-radius: 5px;
        }

  .test span {
        position: absolute;
        width: 0;
        height: 0;
        /* 兼容性问题 */
        line-height: 0;
        font-size: 0;
        border: 10px solid transparent;
        border-bottom-color: aquamarine;
        right: 15px;
        top: -20px;
    }