首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-05-17 19:31:44
一、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
推荐阅读
蘇轍的人生軌迹
蘇轍的人生軌迹
作為明君,标準很高,對外要守護好一方國土,對内要發展生産、穩定時局,安定百姓,愛護子民等等,标準紛繁複雜,隻要一條不符合,就可能被士大夫們蓋上昏君的帽子。仁者見仁智者見智,你認可的别人不一定認可,觀點争議十分正常。宋神宗一生緻力于改革變法、...
2026-05-17
蜂蜜水什麼時間段喝最好
蜂蜜水什麼時間段喝最好
蜂蜜水在我麼的生活中并不會覺得十分陌生,甚至是有些人的常用飲品。雖然經常見,但是很多人卻不知道蜂蜜水的一些飲用禁忌,更有甚者都不知道什麼時候飲用蜂蜜水最佳。今天我們就一起看看蜂蜜水究竟什麼時候喝最好把!1,蜂蜜水适合在飯前1—1.5個小時或...
2026-05-17
家電沒過保修期還能買延保
家電沒過保修期還能買延保
前言:一般去商場或者大型電商購買家電,你會發現牌子底下有一項延保服務,那麼這項增值服務真的有必要購買嗎?說說自己的親身感受。筆者剛剛把客廳的電視賣給了門口收破爛的,能以1000塊錢成交這在回收曆史上還是破天荒。并非咱那台電視有多高級,當年購...
2026-05-17
酸蘿蔔豬腳湯怎麼炖好喝
酸蘿蔔豬腳湯怎麼炖好喝
酸蘿蔔豬腳湯怎麼炖好喝?,現在小編就來說說關于酸蘿蔔豬腳湯怎麼炖好喝?下面内容希望能幫助到你,我們來一起看看吧!酸蘿蔔豬腳湯怎麼炖好喝豬腳砍成塊放入鍋裡用清水煮一會,加入适量料酒,把豬腳撈出用清水洗淨将豬腳放入高壓鍋内,加水,生抽,鹽,放白...
2026-05-17
冬天美白的方法
冬天美白的方法
一白遮三醜,是我們很熟悉的一句話,這句話道出了皮膚白皙的重要性。尤其是對于愛美的女性,擁有白皙的皮膚簡直是人生終極目标。為了達到這個目的,她們不惜花重金購買美白除黑産品,白天出門全副武裝,晚上睡前敷面膜,塗精華。一聽說檸檬美白,就立即囤大量...
2026-05-17
Copyright 2023-2026 - www.tftnews.com All Rights Reserved