Tutorial Multiple Borders

Doing it with pseudo elements Using pseudo elements for multiple borders has fairly deep browser support as it's CSS 2.1 (not 3). The el...

Doing it with pseudo elements

Using pseudo elements for multiple borders has fairly deep browser support as it's CSS 2.1 (not 3).
The element needing multiple borders should have its own border and relative positioning.
#borders {
position: relative;
border: 5px solid #f00;
}
The secondary border is added with a pseudo element. It is set with absolute positioning and inset with top/

Hot in Week

Popular

Archive

item