1、先使用一个div标签。
2、然后在header标签里面设置<div>标签的css样式。
3、颜色渐变要有一个范围，需要给div设定width和height，也就是宽度和高度。
4、然后设定div的background背景属性，如图所示，背景颜色渐变就用到-webkit-linear-gradient。
5、接着，在-webkit-linear-gradient里面写top，设定渐变从顶部开始，到底部结束。
6、再设定颜色的渐变顺序，比如我设置了从白色渐变到蓝色。
7、做完这些之后，div背景渐变就成功了。
HTML中只能实现背景背景渐变。
图片不能实现渐变，图片只能通过CSS滤镜实现：灰度，模糊，褐色，曝光，反色，色相旋转，阴影，透明，改变饱和度，改变对比度，这些效果。
要真正实现图片渐变，只能用Photoshop来修改图片，然后把图片作为HTML文件的背景。
有两种实现的方法。第一种就是最常用的插入背景图片（做个渐变图就可以了） 第二种就是在<body>内 加入 style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#7CBE42', endColorStr='#84C34A', gradientType='0')" 演示： www.rockshop.cn/new/images/wenwen.html欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）