跟css背景有關的屬性

2021-07-26 06:09:18 字數 2400 閱讀 8757

印象中css控制背景的就乙個background,但是background是乙個復合屬性

它包括:

除了這些,多背景、漸變、遮罩,我也把他們歸到背景裡吧。

乙個個看看吧-0-。

開頭說了,我很長時間都以為背景就是background這乙個單詞的玩意。因為我總是寫成:

1

.div

下面說其他屬性

1

.div

以上就是background-origin的效果,但是貌似好像跟我想要的有那麼點區別,底邊跟右側在padding、content的時候還是有背景圖,而且啊好像對背景顏色(#000)沒起作用

補充:它能決定背景定位的起點。

1

.div

以上就是background-clip的效果,感覺比background-origin好那麼點,哈。

以前在乙個容器(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...