How to round the corners of the picture in html
Pictures that you put on the Internet, you can make out well, for example, you can round off their corners to make them more suitable for your design.
In General, you can apply a lot of effects to your picture: for example, darken them when you hover the mouse or Vice versa to make them lighter, and you can make them cast a shadow or behave like a button on which you click – ie, when you hover the mouse over this picture, it is for example pressed.
In fact, a lot of different effects can be applied. Here, in this video, we will look at how to round the corners of the pictures.
This can be done as follows:
1) by specifying a style for the img tag:
[img src= " Canada_Parks_Mountains_481115.jpg "alt= ""height=" 400px "style=" border-radius: 30px;"]
2) Through the assignment of a class to the img tag:
[img src= " 1464262304_f2fe228108db.jpg " alt=" "height=" 400px "class=" my_round"]
Then, the class itself should be specified in the [head] [/head] tags:
[style]
.my_round {border-radius: 30px;}
[/style]
Here is a complete example of the site page:
[!DOCTYPE html]
[html lang= " en"]
[head]
[meta charset= " UTF-8"]
[title]picture with rounded corners [/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]
** Attention: Angle brackets in the description can not be placed - so instead of them used square [] !!! **
html #picture #rounding #corners #Trekhgorka #Odintsovo #design #design
Subscribe to our YouTube channel: / @wiseplat
Join our VK group: https://vk.com/wiseplat
Ask questions – I will try to answer
Good luck in such cool endeavors!
Смотрите видео How to round the corners of the picture in html онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Exploring the IT World / Oleg Shpagin / WISEPLAT 17 Октябрь 2019, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,365 раз и оно понравилось 126 людям.