在Web上用style实现完美颜色渐变
日期：2011-11-09 浏览次数：20809 次
上微软中国网站时发现页面上方的颜色渐变非常好，查看其源代码，发现在<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>
<!---------------------------------------->
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>
<!---------------------------------------->
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
