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
}

Answer 2

&nbsp;<span style="background-color: Red">&nbsp;</span>&nbsp;