老师,我的问题是关于border-radius.
width:60px; height:10px; border-radius: 30px / 8px 8px 2px 2px;
在本节的汉克狗案例中,案例老师每次设置border-radius都说宽和高,但又没说清楚。
我的问题是:border-radius和盒子的宽和高是什么关系?
1
收起
正在回答
2回答
你好同学,因为图形还是要靠观察才能去理解。建议同学写一个盒子,慢慢的改变宽高的值,看看有什么规律,什么时候有了明显的变化。这样就能总结它变化的规律,参考如下:
拿课程中老师说的宽度举一个例子,如下
两个盒子设置的圆角是一样的,当宽度变大的时候(第二个盒子),会发现圆角的弧度是不一样的。
而第二个图形如果想要更圆润的弧形,就要水平的圆角设置为盒子宽度的一半,如下:
当然了,实际开发中border-radius都是比较简单的应用,像视频中的这种做法很少涉及到。自己绘制一下简单了解就行。祝学习愉快,望采纳。
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星