hello，大家好，今天起给大家带来一些css的实例代码：

跨浏览器设置透明度

.transparent{

filter:alpha(opacity=50);/*IE*/

-ktml-opacity:0.5;/*老版本的Safari*/

-moz-opacity:0.5;/*Mozilla,Netscape*/

opacity:0.5;/*fx,Safari,Opera*/

}

全屏背景

html{

background:url('images/bg.jpg') no-repeat center center fixed;

-webkit-background-size:cover;

-moz-background-size:cover;

-o-background-size:cover;

background-size:cover;

}

强制垂直滚动条

html{height:101%}

css省略号

div{

width：200px;/*设置宽度*/

white-space:nowrap;/*设置不折行*/

text-overflow:ellipsis;/*这就是省略号*/

-o-text-overflow:elipsis;/*兼容Opera*/

overflow:hidden;/*将超出的部分设置为隐藏*/

}

给浏览器的滚动条加上颜色

body{

scrollbar-face-color：#666666；

scrollbar-shadow-color：#FFFFF;

scrollbar-highlight-color:#FFFFFF;

scrollbar-3dlight-color:#3366cc;

scrollbar-darkshadow-color:#666666;

scrollbar-track-color:#EEEEEE;

scrollbar-arrow-color:#666666;

}

简单3D按钮

#button{

background:#888;

border:1px solid;

border-color:#999 #777 #777 #999;

}

用css画三角

.triangle{

border-color:transparent transparent green transparent ;

border-style:solid;

border-width:0px 300px 300px 300px;

height:0px;

width:0px;

}

禁止自动换行

h1{

white-space：nowrap；

}

好了，今天css就分享到这里了，记得关注暖夕H2