CSS边框半径属性中的“ /”是什么意思?

时间:2019-07-23 15:44:08

标签: css border

我正在寻找弯曲的页脚,结果遇到this one

然后我看到它在border-radius属性上使用“ /”,这是什么意思?

1 个答案:

答案 0 :(得分:1)

/用于分隔水平和垂直半径的值。

W3C改写:斜线之前的值将设置水平半径,而斜线之后的值将设置垂直半径。如果未指定半径,则两个半径将相等。

要了解水平和垂直半径的工作原理,可以在相关角(例如左上角)上画一个四分之一圆。如果将border-radius设置为:border-radius:1000px 0 0 0 /90px 0 0 0;,则水平半径将伸展1000像素,从而将右上角的左上角曲线伸展1000像素。垂直半径将延伸90px,因此左上角的曲线将向下延伸90px。

您可以查看此article以获得其他说明。