Heim >Web-Frontend >CSS-Tutorial >CSS-Rahmen für den unteren rechten Radius

CSS-Rahmen für den unteren rechten Radius

王林
王林nach vorne
2023-09-16 11:37:021299Durchsuche

CSS border-bottom-right-radius 属性

Verwenden Sie die Eigenschaft border-bottom-right-radius, um den Rand in der unteren rechten Ecke festzulegen. Sie können versuchen, den folgenden Code auszuführen, um die Eigenschaft „border-bottom-right-radius“ zu implementieren –

Beispiel

Live-Demo

<html>
   <head>

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

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

Das obige ist der detaillierte Inhalt vonCSS-Rahmen für den unteren rechten Radius. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen