Question

How to get the following red boxes as background using only css and no images?

Answer 1

You can use css pseudo class :after to generate content. Where .element is a class you add to each item

.element {
position:relative
}

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