css - 如何根据需要设计 ::before 语音气泡 V 形？

Question

我做了这些小气泡的警告，我想用白色::before的小人字形来设置样式，具有#1f262c相同的深色背景和仅两侧的鲑鱼边框#da6265

我已经尝试过以下方法，但它不是我正在寻找的效果，所有看起来都像一个语音气泡

small::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 11px;
    border: 8px solid transparent;
    border-right-color: #fff;
}

标签： css

Answer 1

使用 :before 作为黑色背景，使用 :after 作为 :before 后面的更大的鲑鱼色人字形，应该可以得到你想要的。