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

Editor to share with you what is the border-radius attribute in css, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

CSS3 fillet

Using the CSS3border-radius attribute, you can fillet any element.

Using the CSS3border-radius attribute, you can fillet any element.

Here are three examples:

1. Specifies the element fillet of the background color

two。 Specify the element fillet of the border

3. Specify the element fillet of the background picture

The code is as follows:

Example

# rcorners1 {

Border-radius: 25px

Background: # 8AC007

Padding: 20px

Width: 200px

Height: 150px

}

# rcorners2 {

Border-radius: 25px

Border: 2px solid # 8AC007

Padding: 20px

Width: 200px

Height: 150px

}

# rcorners3 {

Border-radius: 25px

Background: url (paper.gif)

Background-position: left top

Background-repeat: repeat

Padding: 20px

Width: 200px

Height: 150px

}

The above is all the content of the article "what are border-radius attributes 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.