背景颜色:线性渐变不起作用
Background-color : linear gradient not working
我有下面的 HTML 代码,我想要一个渐变块。但是渐变没有在浏览器上呈现。
div {
height: 10px;
background-color: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}
<div>hi</div>
你能告诉我问题是什么吗?
提前致谢,
尼基拉
对于渐变,它必须是 background-image
,而不是 background-color
。
div {
background-image: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}
<div>hi</div>
linear-gradient
应该用在 background-image
div {
height: 10px;
background-image: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}
请将 background-color
更改为 background
以使代码受影响。
div {
height: 100px;
width: 100px;
display: block;
background: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}
我有下面的 HTML 代码,我想要一个渐变块。但是渐变没有在浏览器上呈现。
div {
height: 10px;
background-color: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}
<div>hi</div>
你能告诉我问题是什么吗?
提前致谢, 尼基拉
对于渐变,它必须是 background-image
,而不是 background-color
。
div {
background-image: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}
<div>hi</div>
linear-gradient
应该用在 background-image
div {
height: 10px;
background-image: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}
请将 background-color
更改为 background
以使代码受影响。
div {
height: 100px;
width: 100px;
display: block;
background: linear-gradient(to right, #cc0099, #ff9933, #ff3399);
}