ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
**border-top-left-radius** * 描述:设置对象左上角圆角边框属性。 * 版本:CSS3 * 继承性:无 **语法** ``` border-top-left-radius:数值 ``` 数值种类 * 长度(length): 使用长度值设置对象圆角半径的长度,不允许负值 。 * 百分比(percentage):使用百分比设置对象圆角半径的长度,不允许负值。 **使用说明** 可以提供 2 个参数,2 个参数以空格分隔,每个参数允许设置 1 个参数值。 参数一表示水平半径,参数二表示垂直半径,如果参数二省略,则表示与参数一一致。 如 `border-top-left-radius:5px 10px` 表示左上角水平圆角半径为 5px,垂直圆角半径为 10px。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-top-left-radius</title> <style> #container{ width: 50px; height: 50px; border: 2px solid #000000; border-top-left-radius: 15px; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-top-left-radius](https://box.kancloud.cn/037a95d99b6fa04a5c715b60082ebdcd_71x67.png)