怎么用css 实现背景颜色的渐变？

如题所述

举报该问题

第1个回答推荐于2016-07-13

<table cellpadding="0" cellspacing="0" width="72%" height="30" border="0">
<tr>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')">1</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1')">2</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='2')">3</td>
</tr>
</table>

注意：gradientType的值~

参考资料：http://zhidao.baidu.com/question/8435969.html

本回答被提问者采纳

相似回答

DW教程:怎么用CSS+DIV制作背景线性渐变色?答：1启动DW软件，新建一个网页文件，在body中添加一个标签，然后给他一定CSS样式，【width:300px;height:200px;background:#ff0000；】我们可以看到填充了背景色为红色。2然后我们添加线性渐变代码【background:-webkit-linear-gradient(left,#ff5000,#ff9000)no-repeat;】，保存并刷新网页后，可以看到背...

怎么用css设置DIV背景色渐变显示答：在使用CSS设置DIV背景色渐变显示时，需要根据不同的浏览器来编写相应的代码。对于Mozilla浏览器，可以使用以下代码：background: -moz-linear-gradient( top,#ccc,#000);参数说明如下：1. 起点位置top表示从上到下，left表示从左到右，left top表示左上到右下。2. 开始颜色，这里的#ccc表示浅灰色。3...

css背景颜色怎么实现渐变效果答：/* 标准的语法 */ } 这里使用了多种前缀来确保兼容性，其中最后一种是标准的语法，可以在现代浏览器中直接使用。径向渐变则是另一种渐变方式，它以一个中心点为起点，向四周扩散，形成一个圆形或椭圆形的渐变效果。颜色结点均匀分布的径向渐变可以通过以下CSS代码实现：grad { background: -webkit-rad...

css如何实现真正的网页渐变背景答：1、新建两个样式表分别命名为：1024.css 800.css（当然有更多分辨率，可以增加样式表）2、在样式表中分别定义好图片作为网页背景。3、新建一个网页文件，把下面代码复制过去。 <!-- function test(){ var a=screen.width+".css"//alert(a)//测试变量a的值 document.getElementById("eric")....

用CSS如何设置网页渐变背景?答：CSS中的background-image属性允许我们使用linear-gradient()函数来设置网页的渐变背景。默认情况下，background-image的值为none，表示没有背景图像。但是我们可以通过设置linear-gradient()来创建渐变背景。linear-gradient()的语法如下：background-image: linear-gradient([ | to ], [color-stop] + [...

Web前端方向课程要点:CSS3渐变制作过程答：CSS3渐变制作过程的要点如下：线性渐变：定义：线性渐变由方向和颜色停靠位置定义，可以实现颜色间的平滑过渡。默认方向：默认方向为自上而下，颜色停靠位置均匀分布。方向调整：可以实现从右至左、从左至右、从上至下、从下至上等多种方向的渐变。示例：如实现“红色绿色”的线性渐变。径向渐变：定义：...

在CSS3中常用的几种颜色渐变模式答：现在html5 css3已经越来越流行,用CSS3实现p渐变已经不是什么难事了,这篇文章给大家整理了现在常用的三种颜色渐变模式,包括线性渐变、径向渐变和重复的线性渐变,文中通过示例代码介绍的很详细,有需要的朋友们可以参考借鉴,下面来一起看看吧。一、线性渐变:linear-gradient语法: <linear-gradient> = linear-gradient(...

如何让网页的背景颜色实现渐变?答：考虑到这些限制，为了实现网页背景颜色的渐变效果，可以使用CSS3提供的gradient属性。通过CSS3，我们可以轻松实现跨浏览器的渐变背景。例如，可以使用以下代码：background: linear-gradient(to right, red, blue);这段代码定义了一个从左到右的红色到蓝色的渐变背景。此外，CSS3还支持多种渐变类型，如径向...

css背景渐变答：1) 第一个代码示例是实现从上到下渐变背景的效果。代码如下：body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 这个代码定义了一个从白色到黑色的渐变效果，从页面顶部开始逐渐变为底部的颜色。2) 第二个代码示例是实现左上到右...

大家正在搜

css怎么把背景变为渐变色 css背景颜色渐变代码背景颜色渐变css3 css3背景颜色渐变属性 css背景色渐变 css设置背景渐变色 css渐变色怎么弄 css 字体颜色渐变 h5背景颜色渐变