一、背景切割
2 . 屬性:background-clip:border-box/ padding-box/ content-box
4. 預設格式 background-clip :border-box,border的區域也有背景圖,但是背景圖是從border-top和border-left的位置開始平鋪的,所以當背景no-repeat的時候,border-top和border-left的背景是背景色不是背景圖,只有當背景repeat的時候,border-top和border-left才是背景圖,並且border-top和border-left的背景是從的下邊和右邊開始平鋪的。
預設背景圖:
當背景使用no-repeat時:
顯示是從邊框盒的右邊和下邊顯示的,上邊和左邊是沒有內容的。
當使用repeat平鋪的時候:
背景的內容已經填充上去,但不是我們想要的效果,上邊和左邊是不是平塗內容。
這個時候我們就要用到背景原點
二、 背景原點
1. 屬性:background-orgin:border-box /padding-box /content -box
3.background-orgin:border-box和background-clip:border-box,一般一起使用,乙個控制背景的顯示尺寸,乙個控制背景的位置
background clip指定背景繪製區域
語法 background clip 值 可取值 1 border box 背景繪製,背景從邊緣處展開,無剪下 2 padding box 背景繪製,背景從內邊距開始展開 剪下掉邊框 3 content box 背景繪製,背景從實際內容處展開 剪下掉內邊距和邊框 具體例子與效果圖 第一種 backg...
受挫時背背激勵語錄
據說是可以激勵人的一生 1 不問收穫,只問耕耘。如同種樹,先有根莖,再有枝葉,爾後花實,好好勞動,不要想太多,那樣只會使人膽小 懶惰 2 體育鍛煉可以 有時可以迅速 使人樂觀 科學實驗證明 3 勤奮,機會,樂觀是成功的三要素。注意 傳統觀念認為勤奮和機會是成功的要素,但是經過統計學和成功人士的分析得...
受挫時背背激勵語錄
1 不問收穫,只問耕耘。如同種樹,先有根莖,再有枝葉,爾後花實,好好勞動,不要想太多,那樣只會使人膽小 懶惰 2 體育鍛煉可以 有時可以迅速 使人樂觀 科學實驗證明 3 勤奮,機會,樂觀是成功的三要素。注意 傳統觀念認為勤奮和機會是成功的要素,但是經過統計學和成功人士的分析得出,樂觀是成功的第三要素...