Home > Article > Web Front-end > CSS border-top-right-radius property

CSS border-top-right-radius property

WBOYforward: 2023-08-28 13:46:07705browse

CSS border-top-right-radius 属性

Use the border-top-right-radius property in CSS to set the rounded border in the upper right corner. You can try running the following code to implement the border-top-right-radius property −

Example

Live Demonstration

<html>
   <head>

      <style>
         #rcorner {
            border-radius: 25px;
            border-top-right-radius: 45px;
            background: orange;
            padding: 20px;
            width: 200px;
            height: 150px;
         }
      </style>
   </head>

   <body>
      <p id="rcorner">Rounded corners!</p>
   </body>

</html>

The above is the detailed content of CSS border-top-right-radius property. For more information, please follow other related articles on the PHP Chinese website!

css border

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：Create layers using CSSNext article：Create layers using CSS

See more

CSS border-top-right-radius property

Example

Related articles