CSS屬性之背景

2021-08-03 16:00:58 字數 983 閱讀 5005

1.background:red url(「pic.jpg」) center center / 160px 80px no-repeat; 背景影象在背景顏色的上方,整體居中,大小160*80px且不重複

2.background-size:contain|cover; 背景大小包含在塊中,自動變大小,但不重複;

背景很小,盒子很大,背景影象自動重複平鋪

背景很大,盒子很小,超出範圍的被剪下,如果想看到整個使用background-size:contain;

3.background-repeat:no-repeat|repeat-x|y; 預設平鋪,也可自定義方向

4.background-color:red; 紅色背景,假如綜合寫法在它的後邊,並且沒有寫顏色,那麼紅色無

5.background-image:url(「pic.png」);

6.background-position:center 10px; 左右、上下,百分比也可

7.background-origin:border-box | border-box | content-box; 預設padding-box

8.sprite 精靈圖,雪碧圖:將滑鼠放到上,換乙個,使用定位和hover(見後期實戰分享)

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