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, duration hours minute second in high quality that is uploaded to the channel Exploring the IT World / Oleg Shpagin / WISEPLAT 17 October 2019. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 5,365 times and liked it 126 visitors.
