Html 如何在文本周围创建CSS边框角点

我似乎不知道如何在响应文本周围设置角边框

我尝试使用绿色角落实现的屏幕截图： 是文本所在的域

div {
position: relative;
width: 380px;
height: 0px;
margin: 6px;

}

---

将

a p:before

更改为

div:before

，这将使您走上正确的道路。

h1{
显示：内联块；
位置：相对位置；
填充：10px；
}
h1：之前，
h1：之后{
高度：14px；
宽度：14px；
位置：绝对位置；
内容：''；
}
h1：之前{
右：0；
排名：0；
右边框：3px实心#9b59b6；
边框顶部：3px实心#9b59b6；
}
h1：之后{
左：0；
底部：0；
左边框：3倍纯黑；
底部边框：3倍纯黑；
}

---

TEXT

你太棒了！哇，非常感谢你。：）

div:after {
    display: block;
    content: "";
    width: 75px;
    height: 75px;
    position: absolute;
    top: -5px;
    right: -5px;
    border-top: 4px solid green;
    border-right: 4px solid green;
}
a p:before {
    display: block;
    content: "";
    width: 75px;
    height: 75px;
    position: absolute;
    bottom: -70px;
    left: -6px;
    border-bottom: 4px solid green;
    border-left: 4px solid green;
}