龙空技术网

奇妙的css

任暖夕 214

前言:

现在大家对“css省略号的颜色”都比较重视,姐妹们都需要剖析一些“css省略号的颜色”的相关文章。那么小编也在网上收集了一些对于“css省略号的颜色””的相关知识,希望朋友们能喜欢,朋友们快快来了解一下吧!

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

标签: #css省略号的颜色