云南网站建设、昆明网站建设

您现在的位置:首页/知识中心

html5+css常用样式代码

文章作者:道成科技发布时:2016-04-01点击:501次

iframe 自适应高度

(iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" onload="this.height=this.contentWindow.document.documentElement.scrollHeight")

圆角CSS代码

-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px

投影代码

-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
显示效果
投影显示效果

内容超出一定宽度显示省略号样式

-white-space:nowrap;/*设置不折行*/ text-overflow:ellipsis;/*这就是省略号喽*/ -o-text-overflow:ellipsis;/*兼容opera*/ overflow: hidden;/*设置超过的隐藏*/
显示效果
0