• Авторизация
Дневник V_DANATA_V Лента друзей - Дневник - Полная версия


Закругление углов изображения без ФШ 13-03-2015 09:54 к комментариям - к полной версии - понравилось!

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение

Закругление углов изображения без ФШ

Закруглять будем с помощью HTML кода + свойство CSS border-radius.




Так выглядит код картинки — HTML овал (для прямоугольных изображений):

< img src="https://img-fotki.yandex.ru/get/16129/163781271.f8/0_
f121c_96424eec_L.jpg" style="border-radius: width: 430px; height: 280px;
border: 3px solid red; border-radius: 100%;"/>

Рассмотрим обозначения. Для наглядности они выделены разными цветами.

Красный (алый) — адрес изображения.
Зелёный — ширина (width) и высота (height) изображения.
Голубой — толщина обводки вокруг изображения.
Синий — стиль обводки вокруг изображения.
Оранжевый — цвет обводки вокруг изображения.
Сиреневый — радиус закругления углов.

Все коды, представленные далее, идентичны.
В них меняются те же значения, которые я расписала в коде — HTML овал.

HTML обычное скругление углов




HTML полукруг




HTML круг




HTML цилиндр




HTML капля (скругленные три края)




HTML яйцо (для изображений, где высота больше ширины)




В работе использованы иллюстрации художника Льва Бартенева.

Про свойства стилей, которые являются обводкой (рамкой) для изображений (точечная, пунктирная, двойная линия и т. д.) я писала здесь Рамка вокруг изображения

Подготовила Юлия Гурбер
вверх^ к полной версии понравилось! в evernote
Комментарии (1):
Юлия_Гурбер 16-03-2015-11:29 удалить
Благодарю за цитирование!
Обратиться - Ответить - К полной версии


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Закругление углов изображения без ФШ | V_DANATA_V - Дневник V_DANATA_V | Лента друзей V_DANATA_V / Полная версия Добавить в друзья Страницы: раньше»