background 缩写

by redky

HTML

<div class="box"></div>

CSS

.box {
    height: 200px;
    border: 50px solid rgba( 0, 0, 0, 0.2 );
    padding: 50px;
    background: #faa url(https://www.google.com.hk/images/srpr/logo11w.png) left center/150px 50px repeat fixed border-box content-box;
}

/*
    background-origin: border-box;
    background-clip: content-box; 显示白边.
    background-position 和 background-size 对应. 后者决定前者.
*/