Different way of creation of round net corner in csspptx

shreyagowda879 12 views 6 slides May 10, 2024
Slide 1
Slide 1 of 6
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
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..


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:

Thank you……………….
Tags