CSS로 이미지 주위에 원형 테두리 만들기

Question

CSS를 사용하여 이미지 주위에 1px 원형 테두리를 만들려면 어떻게해야합니까?

아이콘 이미지 주위에 1px 원형 테두리가있는 일부 모바일 앱과 같은 아이콘을 만들고 싶습니다.

Answer 1

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