CSS线性渐变色是一种非常常用的前端设计技术，通过此技术可以实现色彩的渐变效果，增加界面美观度和用户体验。下面将详细介绍如何写CSS线性渐变色。

/* CSS代码 */
background: linear-gradient(to bottom, #00ffff, #ff00ff);

代码中，background表示元素的背景颜色，在此之后要加上属性background-image才能执行梯度渐变效果。linear-gradient是CSS3新增的渐变色函数，to bottom表示渐变方向为从上到下，#00ffff和#ff00ff是渐变色开始和结束时的色值。

/* CSS代码 */
background-image: linear-gradient(to right, #f44336 , #2196F3);

代码中，background-image属性表示元素的背景图片，通过linear-gradient函数来定义渐变色效果。to right表示渐变方向为从左到右，#f44336和#2196F3是渐变色开始和结束时的色值。

除了颜色渐变可以从上到下、从左到右之类的方向上，它还可以用左上角为0度来确定渐变方向。我们可以用底角和右上角的颜色来产生45度角的对角线颜色。

/* CSS代码 */
background-image: linear-gradient(45deg, #2196F3, #f44336);

代码中，确定了渐变方向为45度角，#2196F3和#f44336是渐变色开始和结束时的色值。

以上是CSS线性渐变色的简单介绍和使用方法，随着前端技术的迅速发展，CSS线性渐变色也越来越丰富和多样化，可以根据不同的需求来进行调整和改变。