html css fill,CSS fill属性用法及代码示例

paint:用于设置填充属性的颜色。使用颜色名称，十六进制，rgb或hsl值定义此绘画。默认值为黑色。它也可以与使用url()功能的花样一起使用。

范例1：本示例说明了填充属性的不同颜色值。

CSS | fill Property

.opacity1 {

/* using color names */

fill:green;

}

.opacity2 {

/* using hex values */

fill:#ff0000;

}

.opacity3 {

/* using rgb values */

fill:rgb(0, 0, 128);

}

.opacity4 {

/* using hsl values */

fill:hsl(24, 100%, 60%);

}

GeeksforGeeks

CSS | fill

xmlns="http://www.w3.org/2000/svg"

version="1.1">

cy="100" r="50" />

cy="100" r="50" />

cy="100" r="50" />

cy="100" r="50" />

输出：

范例2：本示例对填充属性使用模式。

CSS | fill property

.opacity1 {

fill:url(#pattern1);

}

.opacity2 {

fill:url(#pattern2);

}

GeeksforGeeks

CSS | fill

xmlns="http://www.w3.org/2000/svg"

version="1.1">

viewBox="0, 0, 10, 10"

width="10%" height="10%">

viewBox="0, 0, 10, 10"

width="10%" height="10%">

fill="green" />

cy="100" r="50" />

cy="100" r="50" />

输出：