CSS3圆角边框的使用-遁地龙卷风
Aug 20, 2016 am 08:47 AM0.快速入门
border-radius:50px;
1.border-radius详解
border-radius:50px;
上右下左,水平和垂直距离都是50px
border-radius:50%;
这里的%号是已应用该css样式元素的长度和宽度为基数的
border-radius:50% 30% ;
上下,水平垂直是50% 左右,水平垂直是30%
border-radius:50% 30% 10%;
上,水平垂直是50%,左右,水平垂直是30%,下,水平垂直是10%
border-radius:10% 50% 30% 10%;
上,水平垂直都是10%。右,平垂直都是50%。下,水平垂直都是30%。左,水平垂直都是10%
/前面是水平的,/后面是垂直的
border-radius:50% / 30% ;
上左下右,水平是50%,垂直是30%
border-radius:50% / 30% 10%;
上右下左,水平都是50%,上下垂直30%,左右垂直10%;
其余的规则在用/前都举例过,不一一叙述了
2.单独的设置
border-top-left-radius:10%;
border-top-left-radius:10% 30%;
与top对应的bottom,与left对应的right
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌
击败分裂小说需要多长时间?
3 周前
By DDD
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林

热门文章
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌
击败分裂小说需要多长时间?
3 周前
By DDD
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林

热门文章标签

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

< iframe>的目的是什么。 标签?使用时的安全考虑是什么?

我如何使用html5< meter> 要在范围内显示数值数据的元素?
