如何在文字周围创建CSS边框角

我似乎无法弄清楚如何在响应文本周围放置角线边框。

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

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

}

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