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

径向渐变以圆形模式来改变颜色，颜色以圆形的中心向外辐射线性渐变正如前面所说，线性渐变以线性的模式来改变颜色我们可以通过2D上下文的createLinearGradient方法来创建一个线性渐变下面是一个例子var canvas = documen。

3浏览器运行indexhtml页面，此时td中的div的背景颜色从红色到白色渐变。

如果要使用HTML5 Canvas绘制线性渐变，需要用到createLinearGradient方法下面我们就来一起看看具体的内容createLinearGradientcreateLinearGradient的参数如下createLinearGradient渐变开始位置的X坐标，渐变开始位置的Y。

我们可以定义一条宽为7px的实线border 7px solid #C8C8C8不要在意此处设置的颜色，在firefox中后面的代码中会被新设置的颜色覆盖掉 如果对border中四边的边框同时设置渐变的颜色，如下述代码所示lthtml lthead。

backgroundimage webkitgradientlinear，left bottom，left top，colorstop0， #00F，colorstop1， #F00 这个可是不变呢 bodyfilterprogidstartcolorstr=#a2e06a，end。

用HTML5中的canvas 实现渐变文字效果，需要用到的语法及参数设置如下，不清楚的小伙伴可以看看1fillText 语法contextfillTexttext，x，y，maxWidthtext表示需要在画布上输出的文本x表示开始绘制文本的X轴坐标y表示。

一设置背景颜色1准备编辑HTML首先确定要使用的背景颜色，HTML颜色由每个代码决定在计算机的Web浏览器中访问htmlhtmlcolornameshtml，就能查看所有颜色的代码，并且在“HEX”部分中选择要使用的基色2使用Notepad++或。

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

第二种就是在ltbody内 加入 style=quotfilterprogidstartColorStr=#39#7CBE42#39， endColorStr=#39#84C34A#39， gradientType=#390#39quot 演示 wenwenhtml。

可以用两个取色器去分部选择两个颜色，然后使用css3渐变背景色去设置网页背景渐变背景色可以设置线性径向和起止颜色方向等。

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

使用渐变色background lineargradientto right左右到右，写为bottom就是从上到下， 开始的颜色，结束的颜色。

1打开DreamWeaver新建一个html文件2在body标签中加入文字，或者在body标签内添加其它标签并加入文字3在标签中加入stlye，同时设置颜色color为个人需要的颜色个人所设置的颜色为红色，同时个人可用英文进行设置字体颜色。

回复讨论解决方案backgroundimagemozlineargradient，开始颜色值，结束颜色值，停靠颜色值，偏移量百分数，LZ可以去看下CSS3颜色渐变的文章 css3 里面有新的属性支持背景渐变 但是不兼容 对于IE来。