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