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!
Watch video How to round the corners of the picture in html online without registration, duration hours minute second in high quality. This video was added by user Exploring the IT World / Oleg Shpagin / WISEPLAT 17 October 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,365 once and liked it 126 people.