首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-03-14 17:17:51
一、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-03-14
肢端肥大症會讓内髒變大嗎
肢端肥大症會讓内髒變大嗎
臨床上有些疾病在未确診前很難劃歸學科,曲折坎坷的确診過程又往往充斥着漏診誤診經曆,通常我們把這些疾病稱為疑難雜症,肢端肥大症就是其中一例。肢端肥大症是一種隐匿的慢性進展性内分泌疾病,患者就診時病程可能已達數年甚至10年以上。肢端肥大症的主要...
2026-03-14
嬰兒幾個月可以測試聽力視力
嬰兒幾個月可以測試聽力視力
嬰兒幾個月可以測試聽力視力?【科技前沿】本報合肥8月9日電(記者丁一鳴)近日,中國科學技術大學生命科學與醫學部薛天教授、鮑進研究員團隊在揭示光促進哺乳動物幼年大腦發育的神經機制方面取得突破性進展相關研究成果日前發表在國際著名期刊《細胞》上,...
2026-03-14
無類路由協議的好處
無類路由協議的好處
1.目的(1)在路由器上啟動IS-IS路由進程(2)啟用參與路由協議的接口(3)L1和L2路由的區别(4)配置L1或L2路由器(5)配置電路類型(6)配置區域間路由彙總(7)通告默認路由(8)配置IS-IS認證(9)查看和調試多區域IS-I...
2026-03-14
澶淵之盟北宋兵敗求和對嗎
澶淵之盟北宋兵敗求和對嗎
北宋在真宗時期與遼國簽訂了澶淵之盟。這個盟約的簽訂在曆史上也是争議極大,甚至出現兩個比較極端的态度。認可北宋的一派認為澶淵之盟是宋真宗的功績,因為這一條約換來了北宋百年和平。不認可北宋的一派則持相反意見,認為這一盟約的簽訂,是北宋完全放棄了...
2026-03-14
Copyright 2023-2026 - www.tftnews.com All Rights Reserved