---
layout: single
property_name: border-radius
---
Defines the radius of the element's corners.
Removes any border radius.
You can use pixel values.
You can use percentage values. In this example, the radius starts halfway through each border.
If you set two values, the first one is for the top and bottom borders, the second one for the left and right borders.
#border-radius
默认属性
border-radius: 0;
border-radius: 20px;
border-radius: 50%;
border-radius: 20px 50%;