用CSS实现颜色渐变

来源:互联网 发布:js鼠标悬停事件实例 编辑:程序博客网 时间:2024/05/16 06:42
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;// --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

微软中国网站页面上方的颜色渐变非常好,查看其源代码,发现在<td>内部用了类似如下的样式:
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#FFFFFF’, endColorStr=’#98B2E6’, gradientType=’1’)"
========
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="600" border="0" cellspacing="0" cellpadding="0" height="30" align="center">
<tr>
<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#FFFFFF’, endColorStr=’#98B2E6’, gradientType=’1’)"> </td>
</tr>
</table>
</body>
</html>