border-radius关于两组值得设置

border-radius关于两组值得设置

请老师讲解下,关于border-radius的两组值设置的情况呢,分别对应的角度等


正在回答

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

2回答

同学你好,老师明白你的意思了。解答如下:

一个角还可以分为水平方向和垂直方向

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


当使用border-radius属性写的时候水平方向和垂直方向需要用/分隔

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

/前面一个分别对应后面的,从左上角开始。

自己可以测试理解下,祝学习愉快!

好帮手慕星星 2020-03-20 15:24:22

同学你好,问题解答如下:

1、border-radius属性有一个值的时候是四个角的设置,单位可以是px/% 。例如

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

如果想要实现圆形,可以设置为50%或者是宽度的一半150px 。

2、border-radius属性两个值的时候,第一个值代表的是左上和右下,第二个值代表的是左下和右上角

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


另外角度是不需要考虑的,浏览器会进行计算,设置圆角大小就可以。

祝学习愉快!

  • 提问者 Lanny_Chung #1
    老师,不是这个意思,我知道可以分别设置1个2个或者3个、4个值,但是有一种情况不是可以这样设置吗,比如:border-radius:10px/20px 25px 30px 40px 这样两组值分别对应什么,具体怎么设置呢
    2020-03-20 17:46:55
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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