HTML中用CSS设置渐变背景未显示，求解决方法

你的渐变背景未正常生效，主要是两个细节问题导致的，修正后即可正常显示：

1. 语法错误：linear-gradient 与括号间的多余空格 #

CSS函数名和括号之间不能存在空格，你的代码里 linear-gradient (to left... 多了一个空格，这会导致浏览器无法识别该渐变函数。

2. body元素高度不足 #

默认情况下，body的高度仅由内部内容撑开，如果页面内容较少，渐变只会在内容区域显示，视觉上像没生效。需要给body设置最小高度为视口高度，确保渐变覆盖整个页面。

修正后的CSS代码： #

body{
    background: linear-gradient(to left, #C09B30, #ffffff);
    min-height: 100vh;
    margin: 0; /* 清除body默认外边距，避免页面边缘出现空白 */
}

补充说明： #

• 移除linear-gradient和(之间的空格，保证CSS语法正确
• min-height: 100vh 让body至少占满整个浏览器视口高度
• 添加margin: 0 消除浏览器默认的body外边距，避免页面出现不必要的滚动条或空白边距

内容的提问来源于stack exchange，提问作者Christian James Lavada