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

Нужна совершенно круглая картинка? Чего проще? Берем Photoshop, и режем картинку под нужный размер. Просто, работает во всех браузерах (даже в IE 🙂 ) но … так по-стариковски. Тем более, если речь идет о картинках в количестве, измеряемых десятками или сотнями (бывает и такое)… Лучше использовать CSS — примитивный код, и масса сэкономленного времени.

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

Представленный код, обернутый <style type="text/css"> позволяет сделать любую картинку совершенно круглой.
Круглая картинка с помощью CSS