Get the App
SLTechnology News&Howtos  ›  Development  › 

What is the border-radius attribute in css

Shulou Source: shulou.com Published: 2022-06-01 10:47:46 10月14日 Update

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!

Tags: Rounded corners elements attributes articles content examples background production three not much code pictures most more knowledge background pictures industry information information channels borders Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Shulou Technology MySQL Redmi OPPO Reno Docker