border-top-right-radius · 跟老司机学CSS3

**border-top-right-radius** * 描述：设置对象右上角圆角边框属性。 * 版本：CSS3 * 继承性：无 **语法** ``` border-top-right-radius：数值 ``` 数值种类 * 长度（length）：使用长度值设置对象圆角半径的长度，不允许负值。 * 百分比（percentage）：使用百分比设置对象圆角半径的长度，不允许负值。 **使用说明** 可以提供 2 个参数，2 个参数以空格分隔，每个参数允许设置 1 个参数值。参数一表示水平半径，参数二表示垂直半径，如果参数二省略，则表示与参数一一致。如 `border-top-right-radius:5px 10px` 表示右上角水平圆角半径为 5px，垂直圆角半径为 10px。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-top-right-radius</title> <style> #container{ width: 50px; height: 50px; border: 2px solid #000000; border-top-right-radius: 15px 50px; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-top-right-radius](https://box.kancloud.cn/e4ec747e10dc23a45399ff81553f309c_66x69.png)