用HTML怎么在网页中实现图片渐变应该怎么写？_随笔

HTML中只能实现背景背景渐变。

图片不能实现渐变，图片只能通过CSS滤镜实现：灰度，模糊，褐色，曝光，反色，色相旋转，阴影，透明，改变饱和度，改变对比度，这些效果。

要真正实现图片渐变，只能用Photoshop来修改图片，然后把图片作为HTML文件的背景。

1、HTML实现渐变

<!DOCTYPE html>

<html>

<head>

<style>

#week{

width: 600px

height: 600px

background: linear-gradient(red, yellow, blue)

border-radius: 300px

}

</style>

</head>

<body>

</div>

</body>

</html>

2、实现效果

1、打开编辑器，新建一个HTML，并定义一个div，并给50px的高度：

2、接下来在style中设置div的样式，这里使用linear-gradient()编写一个默认方向的红蓝渐变，渐变的方向可以省略的：

3、如果想设置渐变方向为从右至左，只需要给linear-gradient加一个“to left”属性就可以了：

4、保存文件查看生成的指定方向的渐变，可以看到浏览器中显示出红蓝的渐变色。以上就是用在html中设置渐变色的步骤：

欢迎分享，转载请注明来源：内存溢出

用HTML怎么在网页中实现图片渐变应该怎么写？