background-image 冒号后面的代码单词必须得是 linear-geadient 吗

Question

background-image 冒号后面的代码单词必须得是 linear-geadient 吗？可以换别的吗？具体有什么含义

Answer 1

linear-geadient可以设置为渐变颜色，但是有兼容性问题。或者未url(图片地址)这种形式的内容，将图片作为背景
linear-geadient示例

<div style="background-image: linear-gradient(to bottom, #281e37, white, #3d202a);padding:80px;width:200px;height:200px">

</div>

图片示例

<div style="background-image: url(https://img-mid.csdnimg.cn/release/static/image/mid/ask/873797597636191.png?x-oss-process=image/auto-orient,1/resize,w_320,m_lfit);padding:80px;width:200px;height:200px">

</div>