-Рубрики

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

 

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

Поиск сообщений в РаДужНое

 -Цитатник

Рамочка пасхальная для текста - (1)

Рамочка пасхальная для текста Здесь будет Ваш текст... Здесь будет Ваш текст...

Акварельные натюрморты с розами от Л. Титовой - (0)

Акварельные натюрморты с розами от Л. Титовой Художница Любовь Витальевна Титова родилась, живёт ...

Весенние натюрморты Наталии Закревской-Аникиной - (0)

Весенние натюрморты Наталии Закревской-Аникиной Весенние натюрморты художницы Наталии Закревской-...

Розовые цветы в натюрмортах художника Александра Сергеева - (0)

Розовые цветы в натюрмортах художника Александра Сергеева Розовые цветы в натюрмортах художника...

рамочки бордюрные с нежным фоном для стихов поздравлений - (0)

рамочки бордюрные с нежным фоном для стихов поздравлений ШИРИНА ИЗОБРАЖЕНИЙ НЕ ДОЛЖНА ПРЕВЫШАТЬ 8...

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 19.10.2010
Записей:
Комментариев:
Написано: 18594


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

Воскресенье, 04 Апреля 2021 г. 12:24 + в цитатник
Ledidans все записи автора
Цитата сообщения Юлия_Гурбер Закругление углов изображения без ФШ

Закруглять будем с помощью 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 яйцо (для изображений, где высота больше ширины)




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

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

Подготовила Юлия Гурбер
Рубрики:  для дневника
HTML
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку