首页 > 取值与单位 Values and Units >  图像(Image)  >  <gradient>

版本 : CSS3 <gradient>

说明:

<gradient> 允许使用简单的语法实现颜色渐变,以便UA在渲染页面自动生成图像。
  • 渐变在一个拥有尺寸的盒子中被生成,被称之为渐变盒,但是渐变本身并没有内在的尺寸,也就说如果在一个没有尺寸的容器上定义渐变,将无法被呈现。
  • <gradient> 可以应用在所有接受图像的属性上

    示例:

    background-image: linear-gradient(white, gray); list-style-image: radial-gradient(circle, #006, #00a 90%, #0000af 100%, white 100%);