有关border-radius问题

来源:2-1 汉克狗头部轮廓和耳朵

lcy_18

2020-08-02 13:05:47

例:border-radius:51px / 0px 0px 36px 36px

这个51px是可以省略的吗,感觉加和没加都没什么区别呀

写回答

1回答

好帮手慕言

2020-08-02

同学你好,是不可以省略的。加上和不加效果是不一样的。是有细微的差别的。

border-radius属性其实一个角上是有两个值的,一个水平方向,一个垂直方向,示例:

http://img.mukewang.com/climg/5f26567b09fd8aba05950432.jpg

http://img.mukewang.com/climg/5f2655fd09f0a67d04670443.jpg

当使用boder-radius属性合在一起写的时候,一个角的两个方向都包括了。如果要设置不一样的值,需要用/隔开。顺序为左上角-右上角-右下角-左下角 ,例如:

 border-radius: 51px/0px 0px 36px 36px和下方的写法是一样的。

http://img.mukewang.com/climg/5f26583409df255904110099.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

1

0 学习 · 40143 问题

查看课程