首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-04-02 19:37:15
一、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
推荐阅读
雷克薩斯價目表
雷克薩斯價目表
雷克薩斯(LEXUS)是日本豐田集團旗下全球著名豪華汽車品牌。創立于1983年,僅僅用了十幾年的時間,在北美便超過了奔馳、寶馬的銷量。1999年起至今,其連續11年位居美國豪華汽車銷量第一的寶座。下面就帶大家了解下雷克薩斯價格表。雷克薩斯電...
2026-04-02
雅思考到多少分可以出國
雅思考到多少分可以出國
雅思多少分可以出國?思潤小編總是能收到這樣的問題,下面就來給大家簡單講一講!其實雅思成績跟我們平時的英語考試是不一樣,比如需要考到四百多才能達到英語四級的水平,雅思不存在及格分這一說,能不能達到學校的成績标準隻是與你所申請的院校等有關系。不...
2026-04-02
遊園不值宋葉紹翁古詩講解
遊園不值宋葉紹翁古詩講解
遊園不值宋葉紹翁古詩講解?[宋]葉紹翁應憐屐齒印蒼苔,小扣柴扉久不開,我來為大家講解一下關于遊園不值宋葉紹翁古詩講解?跟着小編一起來看一看吧!遊園不值宋葉紹翁古詩講解遊園不值[宋]葉紹翁應憐屐齒印蒼苔,小扣柴扉久不開。春色滿園關不住,一枝紅...
2026-04-02
成都市沙灣路小學室内操
成都市沙灣路小學室内操
中國網11月23日訊(宋得恩羅鳳妮)“工作累了活動活動身體,把‘素質操’的肩背運動做一遍,一下子讓自己渾身輕松舒展很多。”已經走上工作崗位的尹泓力說,在成都市武侯實驗中學讀書的時候,這套“素質操”被确定為每天研習的必修課程。從創編到永續,“...
2026-04-02
起源于三國時期的玩具
起源于三國時期的玩具
起源于三國時期的玩具?在北宋,有一個進士叫黃伯思有一天他要在家裡宴請賓客,為了能根據賓客的人數随時調整位置,他先是設計了六件長方形案幾,随後又加了一件小案幾,發現七件案幾拼在一起可以湊成大長方形,分開組合變化無窮,今天小編就來聊一聊關于起源...
2026-04-02
Copyright 2023-2026 - www.tftnews.com All Rights Reserved