CSS背景邊框樣式和位置

Question

如何獲得以下紅色框作爲背景使用只有CSS和沒有圖像？

Answer 1

您可以使用CSS僞類：後生成內容。凡.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;