用 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.