CSS border-top-right-radius属性

border-top-right-radius属性

CSS中,border-top-right-radius属性可以用于单独设置HTML元素的右上角的边框圆角的弧度大小,属性值的可选单位有像素px、em、%百分比、厘米cm,以及pt等。


语法

border-top-right-radius: value;

border-top-right-radius属性实例代码,及在线编辑器

下方实例,分别将右上角的属性值的单位设置为pt、cm和%,其它的单位可在线编辑运行:

<div id='d1'></div><br>
<div id='d2'></div><br>
<div id='d3'></div><br>

<style>
  #d1{border-top-right-radius:5%;width:25%;height:25%;background-color:skyblue;}
  
  #d2{border-top-right-radius:0.5cm;width:25%;height:25%;background-color:blue;}
  
  #d3{border-top-right-radius:5pt;width:25%;height:25%;background-color:orange;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.