首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-07-03 21:41:04
一、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
推荐阅读
高鐵上的飯菜能吃嗎
高鐵上的飯菜能吃嗎
中國作為世界聞名的基建狂魔,經過幾十年的發展,各種交通運輸方式得到了非常大的進步。而高速鐵路的建設又算是其中的佼佼者。高速鐵路首先應分成基礎設施,車輛制造及相關系統兩塊,基礎設施就不再多說了,中國的基建速度是很令人贊歎的。到15年底,高鐵運...
2026-07-03
ios微信8.0.28更新了什麼
ios微信8.0.28更新了什麼
10月29日,iOS版本和安卓版本的微信都更新到了v8.0.16版本。更新日志顯示本次更新僅僅解決了一些已知問題。實際體驗下來,本次微信更新還是有一些新變化的。隐私保護引導更新後首次打開微信會出現「微信隐私保護指引更新」引導。主要内容為:增...
2026-07-03
東北的肉白菜炖粉條
東北的肉白菜炖粉條
【豬肉炖粉條東北話中的硬菜】:豬肉炖粉條典型的東北家常菜,小時候隻有過年殺年豬的時候才能吃到的“硬菜”。硬菜是什麼?硬菜不是食物的軟硬度,這是一句東北話。東北話中硬菜是指,不容易得到,非常上檔次有面子又好吃,或者是非常拿手的飯店招牌菜。比如...
2026-07-03
人間草木可愛
人間草木可愛
一幅山水畫裡面,有山脈、河流,有大樹、房屋,甚至還有人物,真是複雜的不得了。可是,如果你專心看一隻小鳥,看它的喙,它小小的眼睛,它身上色彩豔麗的羽毛,它的腳爪,會發現那也是一個複雜的世界。山水畫很大,好像把大千世界都能畫進去。花鳥蟲草的畫看...
2026-07-03
地下綜合管廊建設指導意見
地下綜合管廊建設指導意見
地下綜合管廊建設指導意見?光明網中國城市規劃協會透露,地下綜合管廊作為一種綠色發展方式,踐行了新發展理念作為國家“十三五”規劃的重點民生工程,地下綜合管廊建設在完善城市功能、提升城市綜合承載力方面發揮着重要作用,全國各地積極規劃地下綜合管廊...
2026-07-03
Copyright 2023-2026 - www.tftnews.com All Rights Reserved