欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS3中background-clip和background-origin的區(qū)別示例介紹

  發(fā)布時間:2014-03-10 17:06:57   作者:佚名   我要評論
本文為大家介紹下CSS3中background-clip和background-origin的區(qū)別,感興趣的朋友可以參考下
相信除了我以外,還有不少童鞋在學(xué)習(xí)到background-clip和background-origin的時候都很疑惑,這倆哥們兒到底啥區(qū)別。

想搞清楚它們的區(qū)別還不簡單?且看下面的DEMO:

復(fù)制代碼
代碼如下:

.test {
background-image: url(pic.jpg);
background-clip: border-box;
background-origin: border-box;
border: 20px dashed black;
}


復(fù)制代碼
代碼如下:

.test {
background-image: url(pic.jpg);
background-clip: border-box;
background-origin: padding-box;
border: 20px dashed black;
}


復(fù)制代碼
代碼如下:

.test {
background-image: url(pic.jpg);
background-clip: padding-box;
background-origin: border-box;
border: 20px dashed black;
}

由于鄙人比較懶,就不放效果圖了,有興趣的童鞋可以自己去試試,這里可以看出,實際上background-clip決定的是背景從哪個區(qū)域開始顯示,而background-origin決定的是背景從哪個區(qū)域開始繪制。

相關(guān)文章

最新評論