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

Пятница, 30 Августа 2019 г. 13:48 + в цитатник

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

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

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

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

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

Было

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

Серия сообщений "- ЛИРУ. ФОТО, картинки":
Часть 1 - Как создать сообщение с большим количеством картинок?
Часть 2 - Бродилка по сайтам для обработки фото
...
Часть 23 - Как быстро скопировать и изменить код картинки
Часть 24 - Изменения на Яндекс.Фотках
Часть 25 - Как сделать картинку круглой без ФШ
Часть 26 - Как взять картинку с альбомов Яндекс -фото
Часть 27 - Как вытащить картинку из Microsoft Word, и перевести ее в рисунок формата jpeg

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Рубрики

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Статистика

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