How to add a second border around a CSS circle
I have the following CSS which creates a red circle (JS fiddle here: http://jsfiddle.net/47BDT/)
I want to add a 1px blue border around the circle (also a circular border). How do I do this? Solution needs to work in IE8.
You can use a
box-shadow to add a secondary border around the circle. Aside from that, the
border-radius won’t even work in IE8, as it isn’t supported. You would need a polyfill if you want to gain support across old, outdated browsers.
box-shadow isn’t supported by IE8 either.