這篇文章將為大家詳細講解有關CSS3中background-clip屬性的用法，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

創(chuàng)新互聯(lián)專注于企業(yè)成都營銷網(wǎng)站建設、網(wǎng)站重做改版、晉寧網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、HTML5建站、商城建設、集團公司官網(wǎng)建設、外貿(mào)網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為晉寧等各大城市提供網(wǎng)站開發(fā)制作服務。

background-clip屬性用于指定元素背景所在的區(qū)域,可以指定：邊框以內(nèi)的區(qū)域、padding以內(nèi)區(qū)域、內(nèi)容以內(nèi)的區(qū)域。

CSS background-clip屬性

作用：規(guī)定背景的繪制區(qū)域。

語法：

background-clip: border-box|padding-box|content-box;

屬性值：

●　border-box：背景被裁剪到邊框盒，即邊框以內(nèi)的區(qū)域。

●　padding-box：背景被裁剪到內(nèi)邊距框，即padding以內(nèi)區(qū)域。

●　content-box：背景被裁剪到內(nèi)容框，即內(nèi)容以內(nèi)的區(qū)域。

注：Internet Explorer 8 以及更早的版本不支持 background-clip 屬性。

CSS background-clip屬性的使用示例

這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。
這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。
這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。
這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。
這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。
這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。

效果圖：

關于CSS3中background-clip屬性的用法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。