当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS实现表格的背景两色渐变

CSS实现表格的背景两色渐变

2017年12月12日  | 移动技术网IT编程  | 我要评论
原理是使用alpha 滤镜在每个表格上加上一个透明渐变，由table的背景颜色控制，单个td控制另一色渐变
alpha 滤镜 
语法：{filter：alpha(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)} 
filter: alpha(opacity=100, finishopacity=0, style=1, startx=0, starty=0, finishx=0, finishy=100);

'alpha'属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定点、线、面的透明度。他们的参数含义分别如下： 
“opacity'代表透明度水准。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。”finishopacity'是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。“style' 参数指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。”startx“和”starty“代表渐变透明效果的开始x和y坐标。”finishx“和”finishy“代表渐变透明效果结束x和y 的坐标。


[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网