這篇文章主要介紹了css3如何使用background-origin屬性制作書信背景頁效果，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領域包括：做網(wǎng)站、成都網(wǎng)站設計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的泗陽網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！
css3中background屬性的功能更加強大了，它允許在同一個元素內疊加多個背景圖像。
首先介紹一下background屬性：
background ：
取值：
background-clip ：
取值：border-box：從border區(qū)域向外裁剪背景。padding-box：從padding區(qū)域向外裁剪背景。content-box：從content區(qū)域向外裁剪背景。no-clip：從border區(qū)域向外裁剪背景。
background-origin ：
取值：border：從border區(qū)域開始顯示背景。padding：從padding區(qū)域開始顯示背景。content：從content區(qū)域開始顯示背景。
說明：
用來決定 background-position 計算的參考位置。
background-size ：
取值：
說明：
設置背景圖片的大小。
指定背景大小，以象素或百分比顯示。當指定為百分比時，大小會由所在區(qū)域的寬度、高度，以及background-origin的位置決定。還可以通過cover和contain來對圖片進行伸縮。
完整參考代碼如下：
盼望著，盼望著，東風來了，春天的腳步近了。一切都像剛睡醒的樣子，欣欣然張開了眼。山朗潤起來了，水長起來了，太陽的臉紅起來了。小草偷偷地從土里鉆出來，嫩嫩的，綠綠的。園子里，田野里，瞧去，一大片一大片滿是的。坐著，躺著，打兩個滾，踢幾腳球，賽幾趟跑，捉幾回迷藏。風輕悄悄的，草綿軟軟的。
桃樹、杏樹、梨樹，你不讓我，我不讓你，都開滿了花趕趟兒。紅的像火，粉的像霞，白的像雪?；ɡ飵е鹞?，閉了眼，樹上仿佛已經滿是桃兒、杏兒、梨兒！花下成千成百的蜜蜂嗡嗡地鬧著，大小的蝴蝶飛來飛去。野花遍地是：雜樣兒，有名字的，沒名字的，散在草叢里，像眼睛，像星星，還眨呀眨的。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“css3如何使用background-origin屬性制作書信背景頁效果”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!
重慶分公司
重慶分公司
