Shulou(Shulou.com)06/02 Report--

Editor to share with you how to write the rounded corner in css, I believe most people don't know much about it, so share this article for your reference. I hope you can learn a lot after reading this article. Let's learn about it together.

Write: "border-radius: upper left fillet value, upper right fillet value, upper right fillet value, lower right fillet value;"; "border-radius" attribute is used to set the style of the element fillet, the value of the attribute can be set to the fillet value of the four corners of the element, just set the fillet attribute value that you do not want to display the fillet to "0".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

In css, you can use the border-radius property to display only one fillet, which is used to style the fillet of the element.

The syntax is:

Border-radius: upper left fillet value upper right fillet value lower right fillet value lower left fillet value

Examples are as follows:

Div {border:2px solid # a1a1a1 position heightlance 350px 25px 25px 25px 0 0;}

Output result:

The above is all the contents of the article "how to write rounded corners in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.