老师,我想问一下border-radius是怎么那么快找出来的呀

老师,我想问一下border-radius是怎么那么快找出来的呀

老师,我想问一下border-radius是怎么那么快找出来的呀

正在回答 回答被采纳积分+1

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

2回答
好帮手慕糖 2019-11-08 13:36:22

同学你好,可以先理解下border-radius这个是属性的设置。

可以结合如下理解:

1、border-radius属性其实一个角(比如左上角、左下角这样的一个角哦)是有两个值的,一个水平方向,一个垂直方向。例如:

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

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

2、如果多个方向角一起写的话,水平和垂直方向用/隔开,如下:

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

从左上角开始顺时针旋转设置。

视频中代码的意思是:

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

从左上角开始(51px 40px)(51px 40px)(51px 8px)(51px 8px)

这就是四个角分别的圆角角度哦。

如果能帮能帮助到你,欢迎采纳。

祝学习愉快!

好帮手慕糖 2019-11-07 16:43:28

同学你好,老师这个是有提前进行测试的。同学可以根据美观来调整。

不过也可以参考下老师的思路,比如:这里的高度是102,所以这里第一个值设置51,这样垂直方向的是圆形了,然后在来调整其他的,刚开始肯定是要慢慢的调整了哦,不过使用多了之后,再设置就有经验了哦,同学也可以多多尝试下哦。

如果能帮助到你,欢迎采纳。

祝学习愉快!

  • 提问者 陈孝芳 #1
    那51px/40px呢,可以解释一下吗,我 看还有52px/0px的
    2019-11-08 08:51:09
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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