css渐变色文本方法
还是以前的习惯，所给的代码，基本上都是直接复制粘贴就能直接用的，争取让所有人都能看懂。
比如说本文，给的代码基本上差不多，注意看<style>标签内的.sall .rail就行了。
目录
线性渐变
极渐变
余项
参考资料
linear-gradient() 线性渐变
CSS的一种渐变功能，创建从一种颜色平滑过渡到另一种颜色的背景。
用“background-clip:text”将背景转移到文本，从而做出来渐变的字。
这种渐变是线性的，意味着颜色的变化沿着直线方向进行。你可以控制渐变的方向、颜色的起始和结束点，以及中间的颜色过渡。
1_基本的
“bottom”可以替换成以下参数：
top 从下到上
left 从右到左
right 从左到右
top left 从右下角到左上角
top right 从左下角到右上角
bottom left 从右上角到左下角
bottom right 从左上角到右下角
2_指定角度的
这个角度值不一定要在0～360这个范围内。
3_多级的
4_指定位置的
5_指定透明度的
radial-gradient() 极渐变
磁某基本上不用极渐变，懒得细说了。
`radial-gradient()` 是 CSS 中的一种渐变函数，用于创建从一个中心点向外辐射的渐变效果。这种渐变可以是圆形的，也可以是椭圆形的，取决于渐变的形状参数。
以下是 `radial-gradient()` 函数的基本语法：
参数解释：
1. shape: 指定渐变的形状，可以是 `circle` 或 `ellipse`。
- `circle`: 渐变形状为圆形。
- `ellipse`: 渐变形状为椭圆形。
2. size: 指定渐变的大小，可以是以下值之一：
- `<length>`: 指定具体的尺寸。
- `<percentage>`: 相对于包含块的尺寸。
- `closest-corner`: 渐变的大小延伸到最接近的角。
- `closest-side`: 渐变的大小延伸到最接近的边。
- `farthest-corner`: 渐变的大小延伸到最远的角。
- `farthest-side`: 渐变的大小延伸到最远的边。
3. at position: 指定渐变的中心位置，可以是 `center` 或具体的方位（如 `top left`、`bottom right` 等），也可以是具体的坐标值。
4. start-color: 渐变的起始颜色。
5. stop-color: 渐变的结束颜色，可以有多个颜色停止点，通过百分比或位置来定义渐变的过渡。
6. ...: 可以添加更多的颜色停止点，以创建更复杂的渐变效果。
示例：
这个例子创建了一个从红色到黄色再到绿色的圆形渐变
这个例子创建了一个椭圆形的渐变，中心在容器的右下角，从红色过渡到黄色（在50%的位置），然后过渡到绿色。
余项
1_一个设计雷区
样式别做太多，做太多渐变色容易让界面变乱。如果有渐变色，一般用页面的主题色作为参数。例如一个页面的主题色是松绿石色的，设计文本颜色时就应该考虑到要与这个颜色相协调。
下面分享一个极为糟糕的界面设计：
2_文本样式类
可以设置渐变色的类，然后调用。
比如说，磁某在写小说时会用不同的颜色表示不同的身份。（然而现在的小说网站不支持渐变色，甚至只有b站和百家号支持彩色文本，所以磁某很想做一个更开放更简洁的小说发布与oc设计网站。。。）
3_取色
获取rgba的方式有很多种，可以用网页工具，python工具，绘画软件。。。
我用的是iPad，一般用画世界的色卡工具取色。
参考资料
_站内专栏（写得不咋样的文章就不收录了）
_站外文稿
https://blog.csdn.net/qq_33877849/article/details/140686636
https://www.php.cn/faq/628450.html
https://www.w3schools.com/html/html_colors.asp（不是w3school，是w3schools)
https://www.w3schools.com/html/html_div.asp
https://www.w3schools.com/html/html_styles.asp
https://www.w3schools.com/html/html_classes.asp