标签：
1、圆角效果
1 .rec{ 2 border-radius:30px; 3 -moz-border-radius:30px; 4 -webkit-border-radius:30px; 5 }
2、半透明效果
1 .control{ 2 opacity:0.5; 3 -moz-opacity:0.5; 4 filter:alpha(opacity=50); 5 }
3、渐变效果
1 #tbHandle th{ 2 background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* Firefox */ 3 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f5f5f5)); /* Saf4+, Chrome */ 4 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#ffffff‘, endColorstr=‘#f5f5f5‘, GradientType=‘0‘); /* IE*/ 5 }
4、CSS实现鼠标移到图片上灰色变彩色效果，目前只能兼容IE、Chrome
1 .icon a img{ 2 filter:gray; /* for IE */ 3 -webkit-filter: grayscale(100%); /* for Chrome */ 4 } 5 .icon a:hover img{ 6 filter:; 7 -webkit-filter: grayscale(0%); 8 }
5、使段落文本的两端绝对对齐
1 .title{ 2 text-align:justify; 3 text-justify:inter-ideograph; 4 }
6、利用负margin去除ul等距排列时多余的右边距
1 ul{ 2 list-style:none; 3 margin-right:-10px; 4 zoom:1; /* for ie7 */ 5 } 6 ul li{ 7 float:left; 8 margin-right:10px; 9 }
7、细线表格
1 .tb, .tb th, .tb td { 2 border:1px dashed #ccc; 3 border-collapse:collapse; 4 }
标签：
原文地址：http://www.cnblogs.com/-lijun/p/4455902.html
