请问一下关于border-radius的问题

请问一下关于border-radius的问题

老师是怎么确定他的圆角属性的呢。。。。我听到老师嘴里念念有词的104所以是52.。为什么呢?/之前是垂直方向的圆角,之后是水平方向。。。这个也不太明白,麻烦解答老师可以说明白一些吗 谢谢

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

http://img1.sycdn.imooc.com//climg/5b690f63000105cf08810862.jpg

视频中的border-radius:51px/40px 40px 8px 8px ;也就是:

border-top-left-radius: 51px 40px;

border-top-right-radius: 51px 40px;

border-bottom-right-radius: 51px 8px;

border-bottom-left-radius: 51px 8px;

   border-top-left-radius: 50% 40px;

   border-top-right-radius: 50% 40px;

   border-bottom-right-radius: 50% 8px;

   border-bottom-left-radius: 50% 8px;

是一样的效果,

设置它的border-radius的值为51px,那么实际呈现的圆角,其实就是一个以51px为半径的圆顶格放置在四个边角后所呈现的弧度

老师里面的属性值,是根据项目需求设置的,并不是固定的,

如果可以解决你的疑惑,一定要记得采纳我哦~

祝学习愉快!


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师