Как сделать картинку круглой без ФШ



ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ
 

Как сделать картинку круглой без ФШ

Было
<img data-cke-saved-src="https://pp.vk.me/c4133/u138579536/-6/y_a25504cc.jpg" src="https://pp.vk.me/c4133/u138579536/-6/y_a25504cc.jpg" width="300" title="" alt="" border="0" />
Стало
<img data-cke-saved-src="http://img-fotki.yandex.ru/get/9355/136160416.11f/0_e37b8_401d5aa7_L.jpg" src="http://img-fotki.yandex.ru/get/9355/136160416.11f/0_e37b8_401d5aa7_L.jpg" width="300" title="" alt="" border="0" style="border-radius: 100%;" />

Достаточно всего-навсего в HTML-формулу картинки в конце вставить тег

style="border-radius: 100%;"

как любая картинка становится круглой. Правда, здорово?

А если изменить проценты в этом теге, то можно закруглять края у картинки.
Вот, например, я поставила 16%
style="border-radius: 16%;"
И получили картинку с закругленными краями

[показать]