用 CSS 设置右上角边框


在 CSS 中使用 border-top-right radius 属性可以设置右上角圆弧边框。你可以尝试运行以下代码来实现 border-top-right-radius 属性 −

示例

实时演示

<html>
   <head>
      <style>
         #rcorner {
            border-radius: 25px;
            border-top-right-radius: 45px;
            background: orange;
            padding: 20px;
            width: 400px;
            height: 250px;
         }
      </style>
   </head>
   <body>
      <p id = "rcorner">Rounded border-top-right corner!</p>
   </body>
</html>

更新时间:2020-06-25

237 浏览量

开启你的事业

完成课程即可获得认证

开始
广告
© . All rights reserved.