Предыдущая публикация
Как закруглить углы у картинки в html
Картинки, которые вы выкладываете в интернет, можно хорошо оформлять, например можно, закруглить у них углы, чтобы сделать более подходящими для вашего дизайна.
Вообще можно применять очень много эффектов к вашей картинке: например, их затемнять при наведении мышкой или наоборот делать более светлыми, а можно сделать чтобы они отбрасывали тень или вели себя как кнопка на которую ты нажимаешь – т.е. при наведении мышки на эту картинку, она например вдавливается.
На самом деле очень много разных эффектов можно применять. Здесь, в этом видео, мы рассмотрим как закруглить углы у картинок.
11:27
Сделать это можно следующим образом:
1) Через указание стиля тегу img:
<img src="Canada_Parks_Mountains_481115.jpg" alt="" height="400px" style="border-radius: 30px;">
2) Через назначение класса тегу img:
<img src="1464262304_f2fe228108db.jpg" alt="" height="400px" class="my_round">
Тогда, сам класс должен быть указан в <head></head> тегах:
<style>
.my_round {border-radius: 30px;}
</style>
Вот полный пример страницы сайта:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>картинка с закругленными углами</title>
<style>
.my_round {border-radius: 30px;}
</style>
</head>
<body>
<img src="Canada_Parks_Mountains_481115.jpg" alt="" height="400px" style="border-radius: 30px;">
<img src="1464262304_f2fe228108db.jpg" alt="" height="400px" class="my_round">
</body>
</html>
#html #картинка #закругление #углы #Трёхгорка #Одинцово #дизайн #design
#Москва #онлайн #программирование #курсы
Подписывайтесь на наш канал в YouTube: https://www.youtube.com/channel/UCfxnN0xALQR6OtznIj35ypQ
Вступайте в нашу группу ВК: https://vk.com/wiseplat
Задавайте вопросы – постараюсь ответить 
Удачи в таких классных начинаниях!
#фото #фотография #углы #дизайн #УчебникHtml #html #css
Удачи в таких классных начинаниях!
#фото #фотография #углы #дизайн #УчебникHtml #html #css
Следующая публикация
Нет комментариев