Multiple Borders With CSS

Below you'll find 5 different boxes, each using a different CSS-based method for creating multiple borders.

Multiple borders using
border and outline

Check the vertical
fluidity of this box

Multiple borders using a :before pseudo-element

Check the vertical
fluidity of this box

Multiple borders using CSS3's box-shadow property

Check the vertical
fluidity of this box

Multiple borders using
extra markup

Check the vertical
fluidity of this box

Multiple borders using CSS3 border-image

Check the vertical
fluidity of this box

< Back to the Article