CSS: How to Create Multiple Borders in CSS3

CSS: How to Create Multiple Borders in CSS3


A cool technique using the box-shadow property that allows you to create multiple borders around an object.

box-shadow:
    0 0 0 2px #000,
    0 0 0 3px #999,
    0 0 0 9px #fa0,
    0 0 0 10px #666,
    0 0 0 16px #fd0,
    0 0 0 18px #000;

Pin It on Pinterest

Share This