老师我关于一个知识点的box-radius,不理解的问题.

老师我关于一个知识点的box-radius,不理解的问题.

border-radius: 51px / 43px 43px 5px 5px;

第一属性值:这里的 51px/43px 啥意思呢   
第二值:是右上的角弧度为43px;
第三值:是右下角弧度为5px;
第四值:是左下的角弧度为5px;
老师第一个51px / 43px 是啥意思呢 ,难道是左上角落 中的  上弧度为51px 左弧度为43px 组合成一个左上角的变化吗

正在回答

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

1回答

同学你好,border-radius属性值是四个,代表的是四个不同的方向,从左上角开始顺时针旋转设置。

每个方向还可以分为垂直和水平,第一个是水平值,第二个是垂直值,两个一起设置的话中间用/隔开。

1、所以第一个就是水平是51px,垂直是43px,而这里因为是51px/所以是四个角的水平方向度数51px哦。

2、可以参考如下来理解,若是border-radius: 51px / 43px 43px 5px 5px;的话,就是相当于如下,几个书写。

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

希望能帮助到你,祝学习愉快!

  • 再坚持坚持一下 提问者 #1
    那如果是bordr-radius:55px 35px 40px 0; 这是每个方向那个值呢,那这样的是 55px 35px 40px 0 是指的是水平值,还是垂直值旋转呢
    2019-05-17 17:40:16
  • 同学你好,设置一个的时候,垂直水平都是这个哦,比如这里,第一个,垂直水平都是55哦。希望能帮助到你,祝学习愉快!
    2019-05-17 19:08:55
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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