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

Aug 05, 2014 11:47

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



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

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

Было

http://img-fotki.yandex.ru/get/9355/136160416.11f/0_e37b8_401d5aa7_L.jpg" width="300" title="" alt="" border="0" />
Стало

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




для вас Лариса Гурьянова

рамки, html, ЖЖ

Previous post Next post
Up