css从中间向两端渐变

CSS渐变是网页设计中常用的技巧，可以让网页看起来更加美观、独特。当然，除了传统的从上到下或者从左到右的渐变效果，我们还可以使用CSS实现从中间向两端的渐变。下面，我们就来了解一下这种新颖的CSS渐变效果的实现方法。

    /* 设置body的背景颜色为渐变 */
    body {
        background: linear-gradient(to right,#000000,#ffffff,#000000);
    }

上面的代码中，我们使用了linear-gradient函数来实现从中间向两端的渐变效果，其中参数to right表示从中间向两端渐变，#000000和#ffffff则表示渐变的起点和终点颜色，中间加了一个#ffffff，使渐变更加平滑。

除了to right参数，还可以使用to left/to bottom/to top，来实现水平和垂直方向的渐变效果。同时，还可以在渐变函数中添加其他的颜色作为中间过渡效果，比如：

    /* 设置body的背景颜色为渐变 */
    body {
        background: linear-gradient(to right,#ffa500,#000000);
    }

这个代码中，我们设置了五个颜色，其中#ffa500为橙色，可以让渐变效果更加丰富多彩，这里需要注意的是，每个颜色之间都需要加上“，”号隔开。

总之，从中间向两端的渐变效果是一种非常流行的CSS设计技巧，可以让网页看起来更加独特、美观。我们只需要掌握相关的CSS代码知识，就可以轻松实现这种效果。