Create circular border around an image with CSS

Question

How can I create a 1px circular border around an image with CSS?

I want to create an icon like one used in some mobile apps, where there is a 1px circular border around an icon image.

Answer 1

.circle
{
    border-radius: 50%;
    border: 1px solid #CCC;
}