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

This article introduces the relevant knowledge of "how to write css fillet border code". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Specific examples of css fillet border codes are as follows:

An example of css fillet border code

Div

{

Color:white

Text-align:center

Border:2pxsolid#a1a1a1

Padding:10px40px

Background:#029789

Width:350px

Border-radius:25px

-moz-border-radius:25px;/*, old Firefox*/.

}

The css border setting uses the border-radius property to add fillets to the element.

The main attribute involved here is border-radius, which can be used to adjust the css fillet border.

Note: how to use border-radius:

Border-radius:1-4length |% / 1-4length |%

Set four values for each radii in this order. If bottom-left is omitted, it is the same as top-right. If bottom-right is omitted, it is the same as top-left. If top-right is omitted, it is the same as top-left.

-webkit-border-radius is for compatibility with chrome or safari.

-moz-border-radius is for compatibility with Firefox.

This is the end of the content of "how to write css fillet border code". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.