css背景屬性整理

2022-08-13 21:03:16 字數 586 閱讀 2787

背景顏色 /*常用十六進製制顏色#fff*/

/*插入路徑*/

重複 /*設定背景不重複*/

滾動 (固定) scroll;(滾動--預設的)

位置 四種定位方式 

1單詞定位方式:left center right / top center bottom 可以理解為乙個九宮格

left top

top center

right top

left center

center center

right center

left bottom

bottom center

right bottom

2畫素定位方式:background-position:10px 50px;  距離左邊10畫素,距離上邊50畫素 只有這一種離左離上的規則

3百分比方式:background-position:10% 20%; 距離左邊百分之十,距離上邊百分之二十

4混合方式:background-position:left 100px; 靠左 距離上邊100px

簡寫方法 /*按照這個順序先顏色 平鋪 定位 固定*/

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...