首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-04-24 09:18:14
一、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
推荐阅读
汽車時間顯示儀表
汽車時間顯示儀表
汽車時間顯示儀表?儀表時間顯示原理:用戶在打開車内點火之後,導航會根據GPS信号獲取當前北京時間,然後發生時間給儀表進行校準顯示,此時儀表顯示是GPS獲取的時間,給以前時間後儀表計算并不斷更新顯示,導航也會同步顯示儀表時間,下面我們就來聊聊...
2026-04-24
預防虧電需要怠速多久
預防虧電需要怠速多久
有些病如果人得了,那麼很可能難以根治,會一直留在身上。同理,如果汽車出現了某些故障,以現在市面上4S店和修理廠的水平也是不可能完全修好的,哪怕不斷砸錢,也隻能治标不能治本。下面這些問題可以說是汽車的通病,基本上永遠也修不好!發動機燒機油說起...
2026-04-24
樂纖智能手表的功能
樂纖智能手表的功能
9月29日消息,由于目前晶圓制造産能仍持續緊缺,再加近期上遊原材料(比如矽晶圓漲價)、晶圓代工服務(台積電已漲價10-20%)及物流成本的持續上漲,推動了不少芯片廠商開啟了新一輪的漲價潮。昨天我們報道了知名芯片大廠意法半導體(ST)和賽靈思...
2026-04-24
西昌衛星發射中心組建50周年慶
西昌衛星發射中心組建50周年慶
7月29日晚,伴随着耀眼火光,長征二号丁運載火箭劃破夜空,将遙感三十五号03組衛星發射升空,衛星順利進入預定軌道,發射任務取得圓滿成功。時隔5天,在圓滿完成問天實驗艙任務後,西昌衛星發射中心再傳捷報,再次亮起任務成功“大紅屏”。此次發射任務...
2026-04-24
劉翔退役綜合報道
劉翔退役綜合報道
北京時間4月7日下午,劉翔在發布微博,正式宣布退役。“從今天起,我将結束我的職業運動生涯,正式退役。”劉翔在微博發布的長文《我的跑道!我的欄!》中寫道:“我的跑道、我的欄,一晃你們已經陪伴了我19年。初次見面時,我還隻是個13歲的孩子,那時...
2026-04-24
Copyright 2023-2026 - www.tftnews.com All Rights Reserved