CSS border-top-left-radius属性

border-top-left-radius属性

CSS中的border-top-left-radius属性,可以用来单独地设置HTML元素的左上角的圆角属性,单位可以是px,也可以是em,也可以是百分比、厘米cm和pt等,具体的可参考下方的实例。


语法

border-top-left-radius:value

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

下方将通过三种属性值的方式来设置div的圆角属性:

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

<style>
  #d1{width:20%;height:20%;background-color:skyblue;border-top-left-radius:5px;}
  #d2{width:20%;height:20%;background-color:skyblue;border-top-left-radius:10%;}
  #d3{width:20%;height:20%;background-color:skyblue;border-top-left-radius:1em;}
</style>

全栈前端 / CSS教程 :



























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