新聞中心
小編給大家分享一下css中使用background-origin屬性的案例,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css background-origin屬性background-origin屬性用于設(shè)置背景圖片的定位區(qū)域。語(yǔ)法:background-origin: padding-box|border-box|content-box;其中三個(gè)屬性值分別表示:相對(duì)于內(nèi)邊距框定位、相對(duì)于邊框盒定位、相對(duì)于內(nèi)容框定位。
css background-origin屬性怎么用?
作用:規(guī)定 background-position 屬性相對(duì)于什么位置來定位。
語(yǔ)法:
background-origin: padding-box|border-box|content-box;
說明:padding-box 背景圖像相對(duì)于內(nèi)邊距框來定位。border-box 背景圖像相對(duì)于邊框盒來定位。content-box 背景圖像相對(duì)于內(nèi)容框來定位。
注釋:如果背景圖像的 background-attachment 屬性為 "fixed",則該屬性沒有效果。
css background-origin屬性使用示例
background-origin:border-box:
這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。background-origin:content-box:
這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。
以上是css中使用background-origin屬性的案例的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!
分享題目:css中使用background-origin屬性的案例-創(chuàng)新互聯(lián)
標(biāo)題來源:http://fisionsoft.com.cn/article/ccdcjd.html