用linear-gradient实现按钮背景渐变时，需省略background-color、至少设两个色标、配合background-clip避免露白；radial-gradient宜用百分比定位圆心并设transparent控制光晕；须声明纯色兜底防降级失效，注意多层叠加性能与色觉可访问性。
button背景用linear-gradient实现方向性渐变
直接在background里写linear-gradient是最常用方式，但要注意：浏览器默认会把按钮的background-color覆盖掉，所以别再单独设background-color，否则渐变不生效。
常见写法示例：
button {
background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
}
-
135deg表示从左上到右下，to bottom right语义等价但兼容性略差（IE不支持） - 至少写两个色标，否则渲染不可靠；单色
linear-gradient(#fff, #fff)本质等于纯色，但多了一层计算开销 - 如果按钮有
border，渐变默认不填充边框区域，需配合background-clip: padding-box避免意外露白边
用radial-gradient营造聚焦或悬浮感
radial-gradient适合做中心高亮、按下反馈或装饰性光斑，但默认是圆形且从中心发散——如果不指定尺寸和位置，小按钮上容易只看到一个色点。
实用写法示例：
