首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-07-25 02:36:24
一、CSS背景屬性1.背景顔色(background-color)

屬性值:transparent(透明的)或color(顔色)

css樣式基礎與整體總結(CSS基礎知識七CSS背景)1

css樣式基礎與整體總結(CSS基礎知識七CSS背景)2

2.背景圖片(background-image)

屬性值:none(沒有)或url(使用絕對或相對地址指定背景圖像)

優點:非常便于控制位置(精靈圖也是一種運用場景)

css樣式基礎與整體總結(CSS基礎知識七CSS背景)3

css樣式基礎與整體總結(CSS基礎知識七CSS背景)4

3.背景平鋪(background-repeat)

屬性值:repeat|no-repeat|repeat-x|repeat-y

背景圖片會壓住背景顔色

css樣式基礎與整體總結(CSS基礎知識七CSS背景)5

css樣式基礎與整體總結(CSS基礎知識七CSS背景)6

4.背景圖片位置(background-position)

background-position:x y;

  1. x坐标和y坐标可使用方位名詞或精确單位
  2. 方位名詞a. x可為left | center | right ,y可為top | center | bottomb. top left 和 left top 效果一緻(與順序無關)c. 若隻指定一個方位名詞,另一個值忽略,則第二個值默認為居中對齊
  3. 精确單位a.先x坐标後y坐标b.若隻指定一個值,則為x,另一個值為垂直居中
  4. 混合單位:若混合使用,第一個值為水平x,第二個值為垂直y
5.背景圖片固定(background-attachment)

屬性值:scroll(随内容滾動)| fixed(背景固定)

css樣式基礎與整體總結(CSS基礎知識七CSS背景)7

css樣式基礎與整體總結(CSS基礎知識七CSS背景)8

6.背景複合寫法(background)

background:背景顔色 背景圖片地址 背景平鋪 背景圖像滾動 背景圖片位置

7.背景色半透明(CSS3提供了背景顔色半透明的效果)
  • background:rgba(0,0,0,.3);
  • red green blue alpha(透明度 範圍0~1)
  • 習慣把0.3的0省掉
  • 背景半透明是指盒子背景半透明,盒子裡面的内容不受影響
,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
西安國際經濟貿易學院怎麼樣
西安國際經濟貿易學院怎麼樣
專業介紹國際經濟與貿易專業自2005年開設以來,先後獲評校級特色專業,校級專業綜合改革試點專業,校級大學生校外實踐教育基地,校級一流培育專業。經過多年的沉澱,已在“課證結合、賽學融合”方面形成鮮明特色。本專業培養具有國際視野、創新創業意識和...
2026-07-25
李子柒如何拍攝的
李子柒如何拍攝的
李子柒跟一般的網紅不太一樣,她的畫風純淨,不管是内容還是畫面,都給人美的享受。在國内,李子柒有超過5千萬粉絲,在海外有超過800萬視頻訂閱者。返璞歸真的風格,視頻中隻幹活不說話,讓李子柒成為最神秘的網絡紅人之一。在網上,關于她的流言很多,近...
2026-07-25
做地瓜丸需要放糯米粉
做地瓜丸需要放糯米粉
大家好,我是第一美食的阿飛,關注阿飛,有更多的家常美食供大家參考。我家紅薯從來不煲粥,這樣做好吃又美味,一次做一盆,還能做零食吃。紅薯是我們最常見的食物,我們的成長曆程中從不缺乏紅薯的身影,紅薯從當年填飽肚子的廉價商品上升到了現在人人推崇的...
2026-07-25
如何用微積分求陰影面積
如何用微積分求陰影面積
,
2026-07-25
春季皮膚過敏了該怎麼護理
春季皮膚過敏了該怎麼護理
春季皮膚過敏了該怎麼護理?春季是一個萬物複蘇的季節,氣候也會有所回升,但是春季經常刮風,對皮膚造成負擔,再加上由于各類花朵都争相綻放,空氣中也就會有花粉的漂浮這對于皮膚敏感的人群無疑是很困擾的,因為極易造成皮膚過敏那麼敏感肌的人群,應該怎麼...
2026-07-25
Copyright 2023-2026 - www.tftnews.com All Rights Reserved