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

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;/*设置超过的隐藏*/

网页变灰色代码:

html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
信息推荐