html - CSS 背景边框样式和位置

Question

如何只使用css不使用图片来得到下面的红框作为背景？

Answer 1

您可以使用 css 伪类 :after 来生成内容。其中 .element 是您添加到每个元素的类

.element {
position:relative
}

.element:after {
background-color:red;
content:'';
height:30px;
position:absolute;
right:0;
top:10px;
width:10px;
z-index:10
}