1、1打开html开发工具，创建一个新的html文件并创建一个 2然后为该类设置样式在标题后创建一个样式标签，然后在这个标签中设置线性类的样式这里的第一个参数是设置线性渐变的方向，最后两个参数是开始颜色和结束颜色设。

2、H色调S饱和度L亮度A透明度三新增渐变颜色radialgradient*positiondeg，color percentage，color percentage径向渐变lineargradient*position，color percentage，color percentage线性渐变四新增倒影。

3、使用transition属性，定义好各个阶段的颜色就会自动渐变。

4、html中让背景颜色渐变步骤如下1打开html开发工具，新建一个html文件2在html代码页面创建一个ltdiv并给这个标签添加一个类如linear如图代码ltdiv class=quotlinearquotltdiv3为类设置样式在lttitle后面。

5、1HTML实现渐变 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle week width 600pxheight 600pxbackground lineargradientred， yellow， blueborderradius 300px。

6、第一种就是最常用的插入背景图片做个渐变图就可以了 第二种就是在ltbody内 加入 style=quotfilterprogidstartColorStr=#39#7CBE42#39， endColorStr=#39#84C34A#39， gradientType=#390#39quot。

7、背景图上加个div层 然后参考下这个吧 toLeft backgroundimagewebkitlineargradientto left，rgba255，0，0，0 0%，rgba255，0，0，08 7%，rgba255，0，0，1 11%，rgba255，0，0，1 12%，rgba255。

8、1启动DW软件，新建一个网页文件，在body中添加一个 标签，然后给他一定CSS样式，width300pxheight200pxbackground#ff0000我们可以看到填充了背景色为红色2然后我们添加线性渐变代码backgroundwebkitlinear。

9、例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码divwidth200pxheight150pxbackgroundlineargradientred，white 3浏览器运行indexhtml页面，此时td中的div的背景颜色从红色到白色渐变。

10、2其次我们输入HTML部分代码，并添加绑定class 3给HTML表情绑定的class设置基础样式 4编辑渐变边框样式颜色值可以根据自己的需求来设置5编写代码好后，我们打开浏览器来看看效果怎么设置html文字背景颜色如何设置。

11、ltscript language=quotJavaScriptquot lt！ function test var a=screenwidth+quotcssquotalerta测试变量a的值 documentgetElementByIdquotericquothref =a ltscript lthtml lthead ltmeta。

12、第三个参数渐变的类型 0 代表竖向渐变 1 代表横向渐变 注意这里设置背景的时候不需要给background设置，直接用filter即可，不要和其他的浏览器混淆 第五个参数设置了终止位置的颜色 代码演示效果图代码效果。

13、动态渐变 ltspan style=quotfontsize12pxquotlthtmlltbodyltcenterltdiv id=quotfadequot style=quotwidth600pxheight200pxquotltdivltcenterltbodylthtmlltspan 为了方便查看，使用内嵌样式，还是推荐使用外链。

14、其实渐变的实现归根结底都是css样式来控制，所以我目前想到的有2种所有代码直接在JS里面写var test = documentgetelementById#39#39testtest stylebackgroundImage=#39lineargradient120deg， #， #。

15、首先确定要使用的背景颜色，HTML颜色由每个代码决定在计算机的Web浏览器中访问colornameshtml，就能查看所有颜色的代码，并且在“HEX”部分中选择要使用的基色使用Notepad++或Notepad打开HTML。

16、所以，什么是渐变呢渐变是从一种颜色过渡到另一种颜色，是由很多种颜色组成的混合一个渐变可以有无限多的阴影我们可以在很多方面使用渐变例如在背景和前景的渐变元素，可以做出微妙或者是极端大胆的颜色组合因为。