Different way of creation of round net corner in csspptx
shreyagowda879
12 views
6 slides
May 10, 2024
Slide 1 of 6
1
2
3
4
5
6
About This Presentation
How to create a round net corner using CSS and when and why it has been used a small explanation about it..
Size: 492.82 KB
Language: en
Added: May 10, 2024
Slides: 6 pages
Slide Content
Different way of Creation round net corner in css By:Shreya 220933
Css is all about manking our html documents aesthetically pleasing.so while developing a web page if we need to make round corner we can use css to achieve it The CSS border-radius property defines the radius of an element's corners . Tip: This property allows you to add rounded corners to elements. Syntax:- border-radius: 10px ;
Where and why it has been used? It has been use in the whatsapp profile,instgram profile,facebook profile etc just to give a soft Look And it also give to smooth finish An d the modern look for websites and user interfaces. Round corners can also be used in graphic design for various purpose such as creating icons,decorative elements,and u tube shorts Round corner also help to reduce space Round corner can draw attention to the content within the elements rather than the look
Four values - border-radius: 15px 50px 30px 5px; (first value applies to top-left corner, second value applies to top-right corner, third value applies to bottom-right corner, and fourth value applies to bottom-left corner): Two values - border-radius: 15px 50px; (first value applies to top-left and bottom-right corners, and the second value applies to top-right and bottom-left corners):
One value - border-radius: 15px; (the value applies to all four corners, which are rounded equally: