CSS渐变背景色

蓝紫色渐变background:linear-gradient(135deg,#667eea0%,#764ba2100%);橙红色渐变background:linear-gradient(135deg

by
江江
on
2025/11/21
CSS渐变背景色
CSS

蓝紫色渐变

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

橙红色渐变

background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);

粉紫色渐变

background: linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);

青绿色渐变

background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);

日落色渐变

background: linear-gradient(135deg, #ff6f61 0%, #ffcc70 100%);

深海蓝渐变

background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);

糖果色渐变

background: linear-gradient(135deg, #ff9a9e 0%, #fbc2eb 50%, #a18cd1 100%);

金色渐变

background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);

薄荷绿渐变

background: linear-gradient(135deg, #00cdac 0%, #8ddad5 100%);

紫红色渐变

background: linear-gradient(135deg, #d66d75 0%, #e29587 100%);

星空渐变

background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%);

热带渐变

background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);

冷灰色渐变

background: linear-gradient(135deg, #bdc3c7 0%, #2c3e50 100%);

粉蓝色渐变

background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);

霓虹渐变

background: linear-gradient(135deg, #ff00cc 0%, #333399 100%);

森林绿渐变

background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);

暖黄色渐变

background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);

 冷蓝色渐变

background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%);

粉橙色渐变

background: linear-gradient(135deg, #ffafbd 0%, #ffc3a0 100%);

深紫色渐变

background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);








 
江江江江于 2026-10-15 16:44:33 修改阅读 488评论 1点赞 1