css3 背景 线性 |css 图片无缝隙

线性渐变背景是指从一个颜色逐渐过渡到另一个颜色的背景，它非常适用于需要多种颜色渐变过渡的设计中。大家可以通过background属性的linear-gradient()函数来实现线性渐变背景。

/* 渐变从左到右 */
background: linear-gradient(to right, #f00, #00f);
/* 渐变从上到下 */
background: linear-gradient(to bottom, #f00, #00f);
/* 自定义渐变角度，表示从左上角到右下角的渐变 */
background: linear-gradient(45deg, #f00, #00f);

上述代码中，大家可以使用to right指定渐变方向，也可以使用to bottom、to top、to left等指定其他方向。大家还可以使用角度值指定自定义的渐变方向。

除了指定开始和结束颜色之外，大家还可以使用多个颜色值来实现更加丰富的线性渐变效果。

/* 从左到右渐变，由红色到黄色再到蓝色 */
background: linear-gradient(to right, #f00, yellow, blue);
/* 从左上角到右下角渐变，由红色到黄色再到蓝色 */
background: linear-gradient(45deg, #f00, yellow, blue);

使用CSS3的线性渐变背景可以让网页的设计更加多样化，为网页增添更多的美感和艺术性。