代码如下backgroundmozlineargradienttop，#15A216，#fafafa*火狐* backgroundwebkitgradientlinear， 0% 0%， 0% 100%，from#15A216， to#fafafa*谷歌* backgroundimage webkitgradient。

HTML5 Canvas渐变是一种用于填充或描边图形的颜色模式渐变色是由不同的颜色进行过渡，而不是单一的颜色先来看几个canvas渐变色的例子渐变按照类型来分可以分为两种类型线性渐变径向渐变线性渐变以线性的模式来改变颜色。

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

怎么设置网页背景为渐变色1打开html开发工具，新建一个html文件在html代码页面创建一个p并给这个标签添加一个类名linear2然后为类设置样式在title后面创建一个style标签，然后在这个标签里面设置linear类的高渐变。

3保存html文件后，使用浏览器查看效果你会看到从绿色到红色的渐变以上是html中背景颜色渐变的设置方法介绍怎么在网页上添加渐变的颜色作为网页背景1打开编辑器，新建一个HTML，并定义一个p，并给50px的高度2。

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

1制作发光边框文本框效果然后我们要让这个input组件在被成为焦点点击时向四周发光，显示为蓝色，我只需添加一段CSS代码sdwfocustransitionborder linear 2s，boxshadow linear 5smoztransitionborder linear。

FILTERalphaopacity=30 finishopacity=0 style=1 progidstartcolorstr=red，endcolorstr=blue，gradientType=1不过该滤镜只支持IE，不支持FF，而且大部分的滤镜都只支持IE，貌似只有。

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

网页背景色渐变 情况一是用一个1像素高的，200像素宽的 细长图片平铺出来的比如CSS代码 bodybackgroundrultupianjpg #FFF repeaty 情况二或者是1像素宽，200像素高的图片平铺出来的bodybackgroundrul。

EndColorStr #ffffff00，GradientType1 COLOR #ffffff PADDINGTOP 2px HEIGHT 20px BACKGROUNDCOLOR #ffffff 为例，startColorStr和EndColorStr后面的颜色代码用来控制标题栏的渐变颜色，其中startColorStr就。

小乔跑步机的颜色代码是非常多的，而且不仅有传统的白色和黑色，还有很多个性化的配色和花纹，为使用者提供了更为丰富的选择以下是小乔跑步机常见的颜色代码一纯色系列 1白色#FFFFFF 2黑色#000000 3红色#FF。

可以设置用CSS可以定义在body内 filterprogidGradientType=0， EndColorStr=#39#000000， StartColorStr=#39#ffffff#39好人做到低 格式如下 body filterprogidDXImageTransform。

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

渐变色代码写起来是比较麻烦的，所以一般渐变部分都是以宽度“1px”的图片做为背景，举例，渐变部分图片为“bgjpg”，其余部分颜色是填充色“白色”，那你就可以在“body”上写个style=quotbackgroundimageurlimage。

样例代码如下 body backgroundcolor#000 #div width500pxheight300px filteralphaopacity=100 finishopacity=50 style=1 startx=30，starty=30，finishx=100，finishy=150 progidDXImageTransform。

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