Use the CSS border-radius property to set the arc

Phenomenon:

Change the div into a circle, ellipse, etc. with a certain amplitude

method:

Use the CSS border-radius property to set

CSS3 border-radius property: Add rounded borders to div elements:

1: First create a div

2: Set the radius of the rounded border for div

3: When the arc of the div is set to 50%, the square will become a circle

4: If you set a 50% arc for the rectangle, you will get an ellipse

5: What if you need to set both sides of the straight line in the middle of the rectangle to arcs?

Just use pixels px instead of percentages.

6. Mark all angles at once and set them differently

Seven: You can also set different angles separately

Summarize

The above is what I introduced to you about using CSS border-radius attribute to set arcs. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website! If you find this article helpful, please feel free to reprint it and please indicate the source. Thank you!