bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

CSS3中如何使用background-origin屬性

CSS3中如何使用background-origin屬性？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

在青岡等地區，都構建了全面的區域性戰略布局，加強發展的系統性、市場前瞻性、產品創新能力，以專注、極致的服務理念，為客戶提供成都網站設計、做網站 網站設計制作按需網站制作,公司網站建設,企業網站建設,品牌網站設計,網絡營銷推廣,外貿營銷網站建設,青岡網站建設費用合理。

background-origin屬性是用于設置背景圖片的定位區域，它有三個值分別表示相對于內邊距框定位、相對于邊框盒定位、相對于內容框定位。

CSS3中如何使用background-origin屬性

CSS3 background-origin屬性

作用：規定背景圖片的定位區域。

說明：設置或檢索對象的背景圖像計算 <' background-position '> 時的參考原點(位置)。

語法：

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

padding-box：背景圖像相對于內邊距框來定位。

border-box：背景圖像相對于邊框盒來定位。

content-box：背景圖像相對于內容框來定位。

CSS3 background-origin屬性的使用示例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:1px solid black;
padding:35px;
background-image:url('/upload/otherpic50/5c513adf97e86533.jpg');
background-repeat:no-repeat;
background-position:left;
}
#div1
{
background-origin:border-box;
}
#div2
{
background-origin:content-box;
}
</style>
</head>
<body>

<p>background-origin:border-box:</p>
<div id="div1">
這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。
</div>

<p>background-origin:content-box:</p>
<div id="div2">
這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。
</div>

</body>
</html>

感謝各位的閱讀！看完上述內容，你們對CSS3中如何使用background-origin屬性大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注創新互聯行業資訊頻道。

新聞名稱：CSS3中如何使用background-origin屬性
標題URL：http://vcdvsql.cn/article0/gdjooo.html

成都網站建設公司_創新互聯，為您提供網站內鏈、網站制作、商城網站、網站建設、、搜索引擎優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

外貿網站制作