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

Суббота, 01 Февраля 2014 г. 14:22 + в цитатник

Цитата сообщения Лариса_Гурьянова

Прочитать целиком В свой цитатник или сообщество!

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

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

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

Было

 <img src="//img-fotki.yandex.ru/get/9355/136160416.11f/0_e37b8_401d5aa7_L.jpg" width="300" title="" alt="" border="0" />

Стало

 <img src="//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%;"
И получили картинку с закругленными краями