首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-07-09 17:19:17
一、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
推荐阅读
黃金的流向
黃金的流向
1、預判金價好指标:美國實際利率。全球黃金通用使用美元計價,單位口徑是美元/盎司。因此直觀理解,金價和美元負相關,即美元強勢,金價走低;反之亦然。最典型的反例是2009-11年歐債危機期間,出現金價和美元指數同時上漲的情況。當時的成因是:歐...
2026-07-09
山清水秀的美麗湖
山清水秀的美麗湖
春天伊始,萬物複蘇風,變得和暢起來山,變得青翠起來水,變得碧澄起來春風拂過枝條綻出嫩綠的葉芽舒展着嬌嫩的身軀春風夾雜着泥土的芬芳吹散了冬日的沉悶此時,易水湖正值遊玩賞春好光景遊船入畫悠遊盡攬春日易水湖位于保定市易縣它四面環山背靠紫荊關東臨清...
2026-07-09
理論武裝築牢堡壘基礎
理論武裝築牢堡壘基礎
理論武裝築牢堡壘基礎?來源:人民日報初心如炬,使命如磐時代在變,中國共産黨人的初心永遠不變,本色永遠不變,我來為大家科普一下關于理論武裝築牢堡壘基礎?下面希望有你要的答案,我們一起來看看吧!理論武裝築牢堡壘基礎來源:人民日報初心如炬,使命如...
2026-07-09
物以類聚還是人以類聚哪個對
物以類聚還是人以類聚哪個對
物以類聚還是人以類聚哪個對?(原創)人們經常挂在嘴邊的一句話,物以類聚,人以群分,人和人如果不在一個層次,不在一個頻道上,是不可能融合到一起的不但人和人是這樣,宇宙萬物都是遵循物以類聚,人以群分這個法則,接下來我們就來聊聊關于物以類聚還是人...
2026-07-09
6種水果适合蒸熟吃止咳化痰潤肺
6種水果适合蒸熟吃止咳化痰潤肺
冬天,最應該做的事是保暖和進補。而除了大魚大肉,其實水果也是不錯的養生食物,不僅能補充水分,還有各種維生素、微量元素、抗氧化物質等,并能幫助緩解上火、便秘、咽喉腫痛等不适~然而吃水果也講究一個“節氣”,怎麼更好地發揮出它的營養和作用呢?不妨...
2026-07-09
Copyright 2023-2026 - www.tftnews.com All Rights Reserved