首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-04-09 03:55:12
一、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-04-09
缺鉀的人是不是不能吃海帶
缺鉀的人是不是不能吃海帶
補鉀要多吃海帶,分享3種做法,牢記2點,海帶脆嫩鮮美無腥味大家在炎夏會大量流汗,這個時候除了補水,給身體補充鉀元素也是很重要的。說起含鉀量高的食物,相信很多朋友最先想到的就是海帶了,今天呢,就給大家分享海帶好吃的幾種做法,感興趣的可以跟着一...
2026-04-09
2003年的非典是怎麼消失
2003年的非典是怎麼消失
綜述2002年11月6日,46歲的龐佐堯突然感覺到了渾身乏力,同時,他的身上還出現了發燒、頭痛的症狀。按照生活常識來看,龐佐堯多半是得了感冒。當了大半輩子的村官,龐佐堯也沒有什麼錢,因此,龐佐堯也就沒有選擇去醫院,而是自己在村裡的診所開了些...
2026-04-09
怎樣學習才是唯一的出路
怎樣學習才是唯一的出路
2022年10月25日,星期一,天氣小雨轉多雲一不小心,英雄的城市武漢又開始進去半封城的狀态啦,10月份整整30天基本上都是在家裡上網課。我們家老大豆豆同學這個娃,非常機靈、活潑、好動,孩子的個性發展又不能過分的阻止,但是這種行為卻影響其在...
2026-04-09
維生素c是不是每天都必不可少的
維生素c是不是每天都必不可少的
感冒是大家十分常見的疾病,每當感冒時,似乎身邊總有一些人建議我們“多喝熱水”。而現如今『多喝熱水』已經成了對子女、女友生病時關心的反面教材,但另一種關心建議似乎有逐漸趕超『多喝熱水』的勢頭,那就是“吃點維C”。感冒着涼了——多吃維C!口腔潰...
2026-04-09
Copyright 2023-2026 - www.tftnews.com All Rights Reserved