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

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

3、html中将背景颜色渐变步骤如下1先使用一个div标签2然后在header标签里面设置ltdiv标签的css样式3颜色渐变要有一个范围，需要给div设定width和height，也就是宽度和高度4然后设定div的background背景属性，如图。

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

5、CSS3 渐变gradients可以让你在两个或多个指定的颜色之间显示平稳的过渡以前，你必须使用图像来实现这些效果但是，通过使用 CSS3 渐变gradients，你可以减少下载的时间和宽带的使用此外，渐变效果的元素在放大时看。

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

7、lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml lthead ltmeta。

8、图片不能实现渐变，图片只能通过CSS滤镜实现灰度，模糊，褐色，曝光，反色，色相旋转，阴影，透明，改变饱和度，改变对比度，这些效果要真正实现图片渐变，只能用Photoshop来修改图片，然后把图片作为HTML文件的背景。

9、3保存好html文件后使用浏览器查看效果就会看到一个绿色到红色的渐变了以上就是html中让背景颜色渐变的设置方法介绍html如何给文字加有渐变边框1首先我们打开开发工具，我们新建一个HTML文档2其次我们输入HTML。

10、2然后我们添加线性渐变代码backgroundwebkitlineargradientleft，#ff5000，#ff9000norepeat，保存并刷新网页后，可以看到背景色已经是渐变色了3我们来分析下这段代码的含义，括号中的left代表颜色是从左到有。

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

12、lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot demo width200pxheight10pxbackgroundwebkitlineargradientleft， rgb80，80，255，02 ， #fff。

13、利用css3可实现背景颜色渐变一线性渐变1线性渐变在 Mozilla 下的应用 语法mozlineargradient ltpoint ltangle，？ ltstop， ltstop ， ltstop* 2线性渐变在 Webkit 下的应用 语法webkit。

14、方法根据浏览者的分辨率自动调用样式表 1新建两个样式表分别命名为1024css 800css当然有更多分辨率，可以增加样式表2在样式表中分别定义好图片作为网页背景3新建一个网页文件，把下面代码复制过去ltscr。

15、lt！DOCTYPE HTMLlthtml lthead ltmeta charset=quotutf8quot lttitle 让文字颜色渐变 lttitle ltmeta name=quotKeywordsquot content=quotquot ltmeta name=quotDescriptionquot content=quotquot ltstyle type=quottextcssquot div。

16、一般来说，网页的背景色应该柔和一些素一些淡一些，再配上深色的文字，使人看起来自然舒畅对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色蓝色黄。

17、很简单，css里设置body背景为渐变，渐变方向从左到右，两种颜色渐变，渐变比为50%，把右边的颜色设置为透明或白色即可。

18、一款颜色清新的渐变色配色网站，渐变配色都是舒适清新的偏向，标注了渐变排布和颜色信息，还可以放大看整个网页的填充效果 Gradient 和上一个网站一样，提供渐变色搭配以及颜色信息，但这个网站的渐变颜色支持更换，你可以自己选择新的颜色查看整体。