几种css控制的渐变 [ 日期:2006-01-25 ] [ 来自:本站原创 ]
背景图渐变 点击查看演示
<img src="uploads/200507/13_235051_1.jpg" width=400 height=300 style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,finishY=100)">
表格颜色渐变 点击查看演示
<table style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=0,finishY=100); BACKGROUND-COLOR: #ff0000">
<tr><td>dkkkkkkkkkkkkkkkkkkkkk</td></tr></table>
背景渐变
效果一:点击查看演示
<body style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,finishY=100); BACKGROUND-COLOR: skyblue">
*********************************************************************
效果二:点击查看演示
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)" >
*********************************************************************
效果三:点击查看演示
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
style="FILTER: progid:DXImageTransform.Microsoft.Gradient
(gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)" >
<div style="width:66;height:100%;float:left;FILTER:
progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#46B5FF,endColorStr=#ffffff)"></div>
<div style="width:66;height:100%;float:left;FILTER:
progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#ffffFF,endColorStr=#46B5FF)"></div>
<div style="width:66;height:100%;float:right;FILTER:
progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#ffffff,endColorStr=#46B5FF)"></div>
<div style="width:66;height:100%;float:right;FILTER:
progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#46B5FF,endColorStr=#ffffff)"></div>
fromwww.kusochina.com
Tags:css | 渐变
相关日志:
实现图片的渐变透明 2006-01-23 11:34 框架页面
http://www.betterfly.cn/trackback.asp?tbID=171
http://www.betterfly.cn/trackback.asp?tbID=171&CP=GBK|
反向链接列表
This page has bean visited 13 times - www.betterfly.cn[3] - www.baidu.com/s?tn=sitehao123&cl=[1] - www.baidu.com/s?wd=css[1] - www.baidu.com/s?wd=css%BD%A5%B1%E[1] - www.baidu.com/s?wd=ip%B5%D8%D6%B7[3] - www.baidu.com/s?wd=ip%B5%D8%D6%B7[1] - www.baidu.com/s?wd=ip%B5%D8%D6%B7[1] - www.baidu.com/s?wd=ip%B5%D8%D6%B7[1] - www.baidu.com/s?wd=%B9%A5%BB%F7IP[1] IYI web Stat. system. -- David |