border-radius 圆角边框
2017-11-15 本文已影响5人
哼_
http://www.zhangxinxu.com/wordpress/2015/11/css3-border-radius-tips/
张鑫旭的博客对于border-radius的讲解,很详细的讲解
我这里是想说的是,对于这种很长的圆角怎么操作:
提交按钮
这种按钮很长 ,很扁.,但是要达到圆角的效果,50%很明显是不合适的.
圆角的值 = 水平值/垂直的值
比如这一共也是4个角,上右下左的顺序, 看第一个,我量了一下,水平的是35px,垂直总共是88px,那一半就是44px;所以第一个圆角的值就是35px/44px ,其他的都是, 所以这个
border-radius: 35px/44px 就能完成很长的圆角的效果了.
