css3常用效果
发布时间：2013-03-29 16:50
浏览次数：
/*圆角*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
/*透明度*/
opacity:0.8;
filter:alpha(opacity=0.8);
/*阴影*/
-webkit-box-shadow: 0px 0px 25px #ccc;
-moz-box-shadow: 0px 0px 25px #ccc;
box-shadow: 0px 0px 25px #ccc;
/*文字阴影*/
text-shadow:0px 0px 3px #ccc;
/*媒体响应*/
@media all and (max-width: 1023px) {}
/*其他*/
/*手机版本禁止缩放*/
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
/* 导航条标准CSS代码*/
.nav{ height:42px; background:url(../images/nav_bg.jpg);}
.nav li{ float:left; width:140px; height:42px; text-align:center;}
.nav li a{ font:14px/42px Arial; color:#000; display:block;}
.nav li a:hover{ background:url(../images/nav_on.jpg); text-decoration:none;}