内蒙古时时彩11选5开奖查询:[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(左下圆角半径),也是如此。你只要记住当某个角为一个值时,确定是一个圆,当使用两个值确定一个椭圆。

热门文章推荐

请稍候...
  • NBL联赛揭幕战在雪域高原打响 2019-05-10
  • 航天员沙漠野外生存训练完美收官!为第一天团打call 2019-05-10
  • 这位游客骨骼清奇送你一份小长假游新疆攻略 2019-05-09
  • 杨木森:梦想从这里远航 2019-05-09
  • “中国网事 感动2014” 颁奖典礼 2019-05-06
  • 空军首支歼20部队开展多型新机编队协同战术训练 2019-05-06
  • 省国资委关于刘爱兵等具备正高级工程师吴向亚等具备高级工程师专业技术资格的通知 2019-05-02
  • 合肥市环保局严厉打击环境违法 举报最高奖励3000元 2019-05-02
  • 不能让孩子输在起跑线上?来看看如何科学合理早教 2019-04-22
  • 十年长出一座绿色新城 2019-04-22
  • 建国后,除了国家机构外,还有众多行业领域都冠以“人民”二字,人民铁道,人民邮电,人民电力,人民公安,人民币。。。 2019-04-16
  • 南昌市生殖医院心理门诊正式开诊 2019-03-25
  • 把课堂上的重点难点录下来 教学类短视频平台前景几何 2019-03-24
  • 蔡英文赴美演讲就是要与大陆军事摊牌? 2019-03-24
  • 三江源通天河流域发现两千年前岩画 2019-03-23
  • 721| 864| 466| 856| 249| 505| 496| 257| 723| 783|