想在网页表格里做一个渐变背景

rockyi 2004-04-07 11:02:08

本人想做一个类似微软公司网站里的色彩渐变效果的背景，像白蓝过渡到蓝色一样，
但不要做成图片哦！！！谢谢各位哦:-)

...全文

236 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

kinglately 2004-08-31

打赏
举报

刚才忘说了，gradient滤镜有一个GradientType 属性，等于1则横向渐变，等于0则纵向渐变。

M$的代码是<td id="msviRegionGradient1" width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"></td>
startColorStr=渐变开始颜色
endColorStr=渐变结束颜色
gradientType=渐变类型

所以纵向渐变的代码就是
<td id="msviRegionGradient1" width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='0')"></td>

kinglately 2004-08-31

打赏
举报

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/gradient.asp

这个滤镜NC不支持。

其实楼上那两位的方法不错，用了alpha滤镜。

顺子 2004-08-31

打赏
举报

我爱学习……

mjpclab 2004-08-30

打赏
举报

我爱学习……

笨笨兔兔兔兔兔 2004-08-30

打赏
举报

果然是色狼本质，呵呵，CSS的渐变效果………………
MM太漂亮了………………whnnet(赚钱攒嫁妆)

超级大笨狼 2004-08-30

打赏
举报

vml也可以

昵称都被占完求了 2004-08-30

打赏
举报

一直在找渐变的代码，找来找去原来是CSS，晕了。

超级大笨狼 2004-08-30

打赏
举报

那当然是我们的孟老大了，又帅又聪明！！

超级大笨狼 2004-08-30

打赏
举报

gold改成blue就是兰色渐变了。

whnnet(赚钱攒嫁妆) MM 美丽聪明又。。。。

whnnet 2004-08-30

打赏
举报

<HTML>
<HEAD>
<TITLE>页面背景渐变</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD>

<BODY style="width:100%; height:100%;background:gold;filter:alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=0,finishx=0,finishy=100)">
</BODY>
</HTML>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">

139274 2004-08-30

打赏
举报

有没有
朝上渐的

celerylhl 2004-08-12

打赏
举报

请参考微软网站的源文件,里面蓝色的过渡效果,大多是代码写的渐变

tmyd 2004-08-12

打赏
举报

<HTML>
<HEAD>
<TITLE>页面背景渐变</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD>

<BODY style="width:100%; height:100%;background:gold;filter:alpha(opacity=0,finishopacity=100,style=1,startx=100,starty=100,finishx=0,finishy=0)">
</BODY>
</HTML>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">