Round picture using CSS

Need a completely round picture? Which is easier? We take Photoshop, and cut the picture to the desired size. It just works in all browsers (even in IE 🙂) but … so old-fashioned. Especially when it comes to pictures in quantities measured in tens or hundreds (sometimes it happens) … It is better to use CSS – a primitive code, and a lot of time saved.

  1. img {
    
  2. width: 200px;
    
  3. height: 200px;
    
  4. border-radius: 50%;
    
  5. }

Presented code wrapped <style type="text/css"> allows you to make any picture completely round.

Круглая картинка с помощью CSS