How to use border-Radius in CSS?

Asked

Viewed 41 times

0

Good guy I know how to use the border-Radius the more I saw on a website that they used the border-Radius: 50px / 50px type it rounds the corners of the edge and with that second value it rounded type even more vertically plus what does that mean /

css

1 answer

3

Hello, all right?

The estate border-Radius of CSS can receive up to four values.

Ex:

border-radius: 15px 50px 30px 5px;

The first value applies to the upper left corner, the second value applies to the upper right corner, the third value applies to the lower right corner and the fourth value applies to the lower left corner.

How are we talking about "/", a value represents how much will define horizontally and the other vertically related to that corner.

border-radius: 40px / 20px;
   horizontal --^      ^-- vertical

Follow the image so you understand better: inserir a descrição da imagem aqui

I hope to have helped you, in case there are still doubts, follow the link to help you better: https://www.w3schools.com/csSref/css3_pr_border-radius.asp

  • 1

    Opa valeu Roder helped well worth even hehe

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.