css3 border-top-left-radius属性功能说明


摘要:
下文采用举例的方式讲述css3中border-top-left-radius属性值功能说明,如下所示:


css3 border-top-left-radius属性值功能说明

设置指定的html元素的左上角圆角边框,此参数值不允许为负值

css3 border-top-left-radius属性值语法:
  border-top-left-radius:[<length> | <percentage> ] [ <length> | <percentage> ]
-----------------------参数说明---------------------
 <length>:
用长度值设置对象的圆角半径长度。不允许负值
<percentage>:
用百分比设置对象的圆角半径长度。不允许负值
border-top-left-radius说明
   1.border-top-left-radius是一个css3属性

   2.border-top-left-radius后面可输入两个参数,两个参数之间使用空格分隔
      每个参数可输入1个参数值
 
   3.第一个参数值表示水平半径,第二个参数值表示垂直半径,当第二个参数值省略,则默认使用第一个参数值

   4.使用js对象操作此属性其属性名为: borderTopLeftRadius

css3 border-top-left-radius属性值 举例说明

<meta charset="utf-8" /> 
<style>
ul{margin:0;padding:0;}
li{list-style:none;margin:10px 0 0 0;padding:10px;background:#bbb;}
.divTest .one{border-top-left-radius:40px;}
.divTest .two{border-top-left-radius:20px 40px;}
</style>

<p>
 maomao365.com <br />
border-top-left-radius属性示例说明
</p>
<hr />
<ul class="divTest">
	<li class="one">水平与垂直半径相同时<br />
      border-top-left-radius:40px;</li>
	<li class="two">水平与垂直半径不同时<br />
     border-top-left-radius:20px 40px;</li>
</ul> 
css3之border-top-left-radius属性示例说明

css3之border-top-left-radius属性示例说明