圆角属性之 border-radius
作者: dkvirus 发表于: 2018-06-15 22:34:00 最近更新: 2018-08-01 22:05:51

  • 设置一个值。四个角都应用该值;
  • 设置两个值。第一个值应用在左上角和右下角,第二个值应用在右上角和左下角;
  • 设置四个值。依次为左上、右上、右下、左下的值;
  • 设置一个值且值为百分数。大于等于 50% 形状不会再发生变化;
  • 设置两个值或四个值。百分数和像素值可以混合书写;
  • 画圆。宽度和高度设置一样,border-radius 设置为 50%;
  • 画椭圆。宽度和高度设置不一样,border-radius 设置为 50%。

关于 border-radius 的用法太灵活了,这里总结最突出的几点,直观现象看下图。

border-radius属性

首页
友链
归档
dkvirus
动态
RSS