Html 如何在元素底部使用：：before选择器？

我想使用div框底部的my:：before选择器（如示例图像中所示）。我想知道选择器下面是否有类似：：的东西

。直接聊天文本{
边界半径：5px；
位置：相对位置；
填充物：5px10px；
背景：#d2d6de；
边框：1px实心#d2d6de；
利润率：0px150px；
颜色：#4444；
}
.直接聊天文本：：之前{
位置：绝对位置；
右：100%；
顶部：15px；
边框：实心透明；
边框顶部宽度：中等；
右边框宽度：中等；
边框底宽：中等；
左边框宽度：中等；
右边框颜色：透明；
右边框颜色：#d2d6de；
内容：''；
身高：0；
宽度：0；
指针事件：无；
边框宽度：6px；
利润上限：-6px；
}

3

。直接聊天文本{
边界半径：5px；
位置：相对位置；
填充物：5px10px；
背景：#d2d6de；
边框：1px实心#d2d6de；
利润率：0px150px；
颜色：#4444；
}
.直接聊天文本：：之前{
位置：绝对位置；
右：10px；
最高：100%；
宽度：0；
身高：0；
左边框：6px实心透明；
右边框：6px实心透明；
边框顶部：6px实心#d2d6de；
内容：''；
指针事件：无；
}

3

。直接聊天文本{
边界半径：5px；
位置：相对位置；
填充物：5px10px；
背景：#d2d6de；
边框：1px实心#d2d6de；
利润率：0px150px；
颜色：#4444；
}
.直接聊天文本：：之前{
位置：绝对位置；
右：10px；
最高：100%；
宽度：0；
身高：0；
左边框：6px实心透明；
右边框：6px实心透明；
边框顶部：6px实心#d2d6de；
内容：''；
指针事件：无；
}

---

3

您可以尝试类似的方法，从左到右进行更改和其他改进

。直接聊天文本{
边界半径：5px；
位置：相对位置；
填充物：5px10px；
背景：#d2d6de；
边框：1px实心#d2d6de；
利润率：0px150px；
颜色：#4444；
}
.直接聊天文本：：之前{
位置：绝对位置；
右：10%；
最高：100%；
边框顶部：6px实心#d2d6de；
右边框：6px实心透明；
边框底部：6px实心透明；
左边框：6px实心透明；
内容：''；
身高：0；
宽度：0；
指针事件：无；
}

---

3

您可以尝试类似的方法，从左到右进行更改和其他改进

。直接聊天文本{
边界半径：5px；
位置：相对位置；
填充物：5px10px；
背景：#d2d6de；
边框：1px实心#d2d6de；
利润率：0px150px；
颜色：#4444；
}
.直接聊天文本：：之前{
位置：绝对位置；
右：10%；
最高：100%；
边框顶部：6px实心#d2d6de；
右边框：6px实心透明；
边框底部：6px实心透明；
左边框：6px实心透明；
内容：''；
身高：0；
宽度：0；
指针事件：无；
}

---

3

pseudo元素下没有：：。有。 但这在你的问题的上下文中并不重要。要使形状具有任何元素（或伪元素）的

border

CSS属性。然后发布一个。在你的情况下：

。在{
边界半径：5px；
位置：相对位置；
填充物：5px10px；
背景：#d2d6de；
边框：1px实心#d2d6de；
利润率：0px150px；
颜色：#4444；
}
在…之前{
位置：绝对位置；
底部：-12px；
左：95%；
左边距：-6px；
边框：6px实心透明；
边框顶部：6px实心#d2d6de；
内容：''；
身高：0；
宽度：0；
指针事件：无；
}

---

3

pseudo元素下没有：：。有。 但这在你的问题的上下文中并不重要。要使形状具有任何元素（或伪元素）的

border

CSS属性。然后发布一个。在你的情况下：

。在{
边界半径：5px；
位置：相对位置；
填充物：5px10px；
背景：#d2d6de；
边框：1px实心#d2d6de；
利润率：0px150px；
颜色：#4444；
}
在…之前{
位置：绝对位置；
底部：-12px；
左：95%；
左边距：-6px；
边框：6px实心透明；
边框顶部：6px实心#d2d6de；
内容：''；
身高：0；
宽度：0；
指针事件：无；
}

3