linear-gradient的角度参数必须显式带单位（如45deg）或用方向关键词（如to right），0deg指向正上方，角度顺时针增加；色标位置沿渐变轴线计算，需配合background-size和background-position控制视觉效果。
linear-gradient 的角度参数怎么写才生效
不加单位的角度值（比如 45）默认是 deg，但必须显式写上 deg，否则会被当成无效语法，浏览器直接忽略整个渐变声明。常见错误是写成 linear-gradient(45, red, blue) —— 这个 45 没单位，CSS 解析失败，退回到纯色背景。
正确写法必须带单位：linear-gradient(45deg, red, blue) 或用方向关键词：linear-gradient(to right, red, blue)。
-
to top等价于0deg，to right等价于90deg - 负角度也合法，比如
-30deg表示从水平线顺时针转 30 度的反方向 - IE10+ 支持带单位的角度；IE9 只支持方向关键词（
to bottom），不支持数字角度
角度值和视觉方向的对应关系容易搞反
很多人以为 0deg 是从左到右，实际相反：0deg 是从下到上（即垂直向上），90deg 才是从左到右。这是 CSS 标准定义：0 度指向正上方，角度按顺时针增加。
所以如果你想要「左上→右下」的对角线渐变，别写 45deg，而是 135deg（从上开始顺时针转 135°，指向右下）；或者更稳妥地用 to bottom right，语义清晰且兼容性好。
立即学习“前端免费学习笔记（深入）”；
