印象中css控制背景的就乙個background,但是background是乙個復合屬性
它包括:
除了這些,多背景、漸變、遮罩,我也把他們歸到背景裡吧。
乙個個看看吧-0-。
開頭說了,我很長時間都以為背景就是background這乙個單詞的玩意。因為我總是寫成:
1下面說其他屬性.div
1以上就是background-origin的效果,但是貌似好像跟我想要的有那麼點區別,底邊跟右側在padding、content的時候還是有背景圖,而且啊好像對背景顏色(#000)沒起作用.div
補充:它能決定背景定位的起點。
1以上就是background-clip的效果,感覺比background-origin好那麼點,哈。.div
以前在乙個容器(div)裡,實現多層背景,只能在容器裡多寫幾個子元素,然後在把子元素定位。簡單點讓設計給出賬圖,直接糊上去完事(我經常幹的事,哈哈)。
多個背景
漸變引數-起點:關鍵字、百分比、畫素、角度(逆時針旋轉)
漸變重複:-webkit-repeating-linear-gradient(起點,color1 定位,color2 定位,...,colorn 定位);
重複徑向漸變:repeating-radial-gradient
遮罩
關鍵字:contain 等比縮放,容器可能會有縫隙
不過心裡邊總是還有點糾結吧。
在堅持堅持吧!!!
今天的寫好了-0-,比較簡陋!!!只能作為自己的筆記來用哈-0-
CSS背景屬性
背景顏色屬性 background color 這個屬性為html元素設定背景顏色,相當於html中bgcolor屬性。body 上面的 表示body這個html元素的背景顏色是翠綠色的。背景屬性 background image 這個屬性為html元素設定背景,相當於html中background...
CSS背景屬性
一 背景顏色 屬性 background color 取值 任何合法顏色或者transparent 注意 背景顏色會填充到元素的內容區域以及邊框區域 二 背景影象 作用 以圖象作為元素的背景 屬性 background image 取值 url 背景影象路徑 三 背景重複 屬性 background...
css背景屬性
css背景屬性 目錄 background attachment背景附件 設定背景影象是否固定或者隨著頁面的其餘部分滾動 background clip背景修剪 規定背景的繪製區域 background origin背景 規定 background position 屬性相對於什麼位置來定位 bac...