在Web上用style实现完美颜色渐变
2004-09-01 22:37
316 查看
上微软中国网站时发现页面上方的颜色渐变非常好,如图:
查看其源代码,发现在内部用了类似如下的样式:
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"
然后我写了个测试网页试了试,果然可以。代码如下:
<!---------------------------------------->
<TABLE height=30 cellSpacing=0 cellPadding=0 width=600 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')">
</TD>
</TR>
</TBODY>
</TABLE>
<!---------------------------------------->
查看其源代码,发现在
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"
然后我写了个测试网页试了试,果然可以。代码如下:
<!---------------------------------------->
<TABLE height=30 cellSpacing=0 cellPadding=0 width=600 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')">
</TD>
</TR>
</TBODY>
</TABLE>
<!---------------------------------------->
相关文章推荐
- 在Web上用style实现完美颜色渐变 (非原创)
- WebView+ColorMatrix实现图片颜色的渐变处理,例如老照片的效果。
- iOS实现一个颜色渐变的弧形进度条
- 视图背景颜色渐变的两种实现方式
- CSS3实现背景颜色渐变 摘抄
- (转)使用GradientFill实现控件颜色渐变
- iOS上颜色渐变的实现
- 如果模拟一种图标被删除时一种颜色渐变的效果,采用TransitionDrawable实现
- Android Textview实现颜色渐变滚动效果
- JS实现方块颜色的渐变
- CSS -- 实现DIV层背景颜色渐变 (兼容IE 火狐 谷歌浏览器)
- 实现微信tab颜色渐变效果
- 实现颜色渐变--iOS开发
- 酷炫实现WebView与Native完美融合
- 纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
- WPF [调用线程无法访问此对象,因为另一个线程拥有该对象。] 解决方案以及如何实现字体颜色的渐变
- 安卓属性动画与自定义控件实现圆球移动并实现颜色渐变
- CSS3实现背景颜色渐变 摘抄
- Android 微信6.1 tab栏图标和字体颜色渐变的实现
- iOS 实现颜色渐变