CSS圆角样式

border-radius——规定四个圆角

• 提供1~2个参数，参数间以/分隔：

  • 第一个参数表示水平半径（必须）；
  • 第二个参数表示垂直半径（可选，省略后同第一个参数）。

• 每个参数允许设置1~4个长度值，长度值间以空格分隔：

  • 第一个长度值表示上左圆角（必须）；
  • 第二个长度值表示上右圆角（可选，省略后同第一个长度值）；
  • 第三个长度值表示下右圆角（可选，省略后同第一个长度值）；
  • 第四个长度值表示下左圆角（可选，省略后同同第二个长度值）。

border-top-left-radius——规定上左圆角

• 提供1~2个参数，参数间以空格分隔：

  • 第一个参数表示水平半径（必须）；
  • 第二个参数表示垂直半径（可选，省略后同第一个参数）。

• 每个参数允许设置1个长度值：

  • 长度值表示上左圆角（必须）。

---

除上述样式外，圆角样式还有以下几种。由于与上述样式同理，故此处不再赘述。

border-top-right-radius；

border-bottom-right-radius；

border-bottom-left-radius。