时时彩信誉平台:[CSS3]border-radius圆角用法

时间:2019-01-25 16:08w3school
必须出现一个值,可长度可百分比,比如:border-top-left-radius:5px,border-top-left-radius:5px 50%都是可行

内蒙古时时彩遗漏数据 www.qdqsy.cn w3c属性值详解:
[ <length> | <percentage> ]:必须出现一个值,可长度可百分比,比如:border-top-left-radius:5px,border-top-left-radius:5px 50%都是可行
{1,2}: 表示他们的值最小可以重复一次,最大可重复两次。假如只有一个值,表示圆角,那么它的水平距离和垂直距离相等,即第二个值复制第一个值;假如是两个值,那么确定一个椭圆角,第一个值椭圆的水平半径,第二值为椭圆的垂直半径,说起来有点拗口,直接上图:

只有1个值,如:border-top-left-radius:50px,表示半径为50px圆,如图:
左上角
标注错误了,盒子尺寸为:300*100

假如有两个值,如:border-top-left-radius:50px 100px,表示水平半径为50px,垂直半径为100px的椭圆,如图:
左上角

同理 border-top-right-radius(右上圆角半径), border-bottom-right-radius (右下圆角半径),border-bottom-left-radius(左下圆角半径),也是如此。你只要记住当某个角为一个值时,确定是一个圆,当使用两个值确定一个椭圆。

热门文章推荐

请稍候...
  • 把课堂上的重点难点录下来 教学类短视频平台前景几何 2019-03-24
  • 蔡英文赴美演讲就是要与大陆军事摊牌? 2019-03-24
  • 三江源通天河流域发现两千年前岩画 2019-03-23
  • 【三年决战奔小康】一封来自甘南精准扶贫户的感谢信 2019-03-23
  • 作为政治哲学的人类解放理想 2019-03-17
  • 深入学习宣传贯彻党的十九大精神br扎实推进新时代机关党的建设 2019-03-12
  • 多地推出创新举措 促进住房租赁市场健康发展 2019-03-12
  • 马拉松+公益:梦想1公里 和你一起跑 2019-02-22
  • 回复@了不起重上井冈山2:然后你连讨饭都省了? 2019-02-22
  • 科教 —频道 春城壹网 七彩云南 一网天下 2019-02-08
  • 全域旅游看中国--旅游频道 2018-08-21
  • 【专家谈】上合组织——构建区域命运共同体的有力实践者 2018-08-19
  • “奇石大餐”亮相新疆石博会 2018-08-19
  • 丰富产品序列 曝力帆轩朗纯电动申报图 2018-08-08
  • 孩子不愿意独立睡觉怎么办?也许你用了错误的方法 2018-08-05
  • 870| 471| 142| 418| 826| 351| 910| 438| 542| 607|