前言:
现在大家对“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省略号的颜色