css 渐变彩虹 |css半个圆

/*渐变彩虹示例代码*/
background: linear-gradient(to right, #9400D3, #4B0082, #0000FF, #00FF00, #FFFF00, #FF7F00, #FF0000);

上面的代码实现了从紫色到红色的七彩渐变。其中，linear-gradient表示线性渐变，to right表示从左到右的渐变方向，后面依次填写颜色值和渐变位置百分比，即起始点和结束点的颜色及它们出现的位置。

如果想要更多颜色，可以在渐变色值中添加更多的颜色值：

/*渐变彩虹示例代码*/
background: linear-gradient(to right, #9400D3, #4B0082, #0000FF, #00FF00, #FFFF00, #FF7F00, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000FF, #4B0082, #9400D3);

上面的代码实现了从紫色到红色再到紫色的渐变彩虹，并加入了黄色和绿色的渐变颜色。通过不同的色彩组合，可以实现更加丰富多彩的渐变效果。