一些CSS-优快云博客

本文介绍了如何使用CSS自定义文本、边框及背景颜色，并详细展示了如何创建一种特殊的网格背景效果，包括不同浏览器下的兼容写法。

/*自定义*白烟*文本/边框/背景色*/
.text-whitesmoke,a.text-whitesmoke:link,a.text-whitesmoke:visited,.button.border-whitesmoke,blockquote.border-whitesmoke,.pager.border-whitesmoke a,.pager-prev.border-whitesmoke,.pager-next.border-whitesmoke {	color: #f5f5f5;}
.border-whitesmoke,.border-whitesmoke .button,.border-whitesmoke .tab-nav li a,.border-whitesmoke .tab-body,.button.bg-whitesmoke,.selected.border-whitesmoke,.pointer.border-whitesmoke li,.nav.border-whitesmoke .active a,.nav.nav-tabs.border-whitesmoke,.nav-main.border-whitesmoke a,.nav-main.border-whitesmoke .nav-head,.pagination.border-whitesmoke li,.pager.border-whitesmoke a {	border-color: #f5f5f5;}
.bg-whitesmoke,.border-whitesmoke .button.active,.pointer.border-whitesmoke .active,.nav-pills.border-whitesmoke .active a,.nav-whitesmoke.border-whitesmoke .nav-head,.pagination.border-whitesmoke .active {	background-color: #f5f5f5;}

/*CSS3 网格背景*/
.gridcheckeredfixed {
    background:
        -webkit-linear-gradient(top, transparent 19px, rgba(34,204,119,.2) 20px),
        -webkit-linear-gradient(left, transparent 19px, rgba(34,204,119,.2) 20px)
        ;
    background:
        -moz-linear-gradient(180deg, transparent 19px, rgba(34,204,119,.2) 20px),
        -moz-linear-gradient(90deg, transparent 19px, rgba(34,204,119,.2) 20px)
        ;
    background:
        -o-linear-gradient(180deg, transparent 19px, rgba(34,204,119,.2) 20px),
        -o-linear-gradient(90deg, transparent 19px, rgba(34,204,119,.2) 20px)
        ;
    background:
        linear-gradient(180deg, transparent 19px, rgba(34,204,119,.2) 20px),
        linear-gradient(90deg, transparent 19px, rgba(34,204,119,.2) 20px)
        ;
    background-size: 20px 20px;
}

转载于:https://www.cnblogs.com/twosteps/p/5860048.html