CSS3边框与轮廓

CSS3边框与轮廓

border-radius

border-radius 属性用于设置元素边框的圆角半径。通过这个属性，您可以使元素的角呈现圆形或椭圆形外观，而不是传统的直角。其语法格式如下：

   .element {
   
     border-radius: [horizontal-radius vertical-radius] | [radius];
   }

• horizontal-radius 和 vertical-radius 分别指定水平和垂直方向的圆角半径。可以使用像素、百分比、em等单位，或者使用关键字inherit。
• 当只提供一个值时，该值将同时应用于水平和垂直方向，即四个角的圆角半径相同。
• 若要为每个角单独设置圆角，可以使用更详细的语法：