css CSS |填充属性

CSS |填充属性

原文:https://www.geeksforgeeks.org/css-fill-property/

填充属性是一个用于设置 SVG 形状颜色的呈现属性。

语法:

fill: <paint>

属性值:

paint: It is used to set the color of the fill property. This paint be defined using color names, hex, rgb or hsl values. The default value is black. It can also be used with patterns using the url() function.

示例 1: 该示例说明了填充属性的不同颜色值。

```html <!DOCTYPE html>
       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

```
输出:

示例 2: 本示例使用填充属性的模式。

```html <!DOCTYPE html>
       CSS | fill property           .opacity1 {       fill: url(#pattern1);     }

.opacity2 {       fill: url(#pattern2);     }
    GeeksforGeeks
       CSS | fill



```
输出: