不太懂这个border-radius
来源：2-14 编程练习
慕村8535129
2018-04-19 13:28:32
div:first-child {
border-radius:50px/0 50px 30px 50px
transform: rotate(-90deg);
transform-origin: right top;
}
为什么这样没效果，必须要border-radius: 40px 0 50px 70px / 40px 0 50px 30px;呢
视频中老师用的宽一般/一次四个角调试，现在这个怎么没用了呢
写回答
1回答
-
你好，语法：border-radius: 1-4 length|% / 1-4 length|%;
按此顺序设置的四个值。如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如果省略 top-right，则与 top-left 相同。
也就是说border-radius属性其实可以分为四个其他的属性：
border-radius-top-left /*左上角*/
border-radius-top-right /*右上角*/
border-radius-bottom-right /*右下角*/
border-radius-bottom-left /*左下角*/
//提示：按顺时针方式，此处是简写。
因为只有这一部分代码无法进行测试，可以结合如下理解下，若还是不能解决，可以将完整的代码粘贴过来，便于大家测试与解决问题。
祝学习愉快！
0
相似问题