首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-05-16 17:13:28
一、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-05-16
風光s5606座空間圖
風光s5606座空間圖
風光s5606座空間圖?伴随着中國品牌的強勢崛起,國内市場的競争越發激烈,特别是緊湊型SUV市場成了中國品牌和合資品牌的一個“主戰場”,中國品牌車型具有價格優勢,而合資品牌車型則在品牌力和三大件方面具有一定的優勢今天為大家介紹的風光S560...
2026-05-16
學校食堂互聯網明廚亮竈工作
學校食堂互聯網明廚亮竈工作
學校食堂互聯網明廚亮竈工作?廊坊開發區推進校園食堂“互聯網明廚亮竈”全覆蓋,下面我們就來說一說關于學校食堂互聯網明廚亮竈工作?我們一起去了解并探讨一下這個問題吧!學校食堂互聯網明廚亮竈工作廊坊開發區推進校園食堂“互聯網明廚亮竈”全覆蓋39家...
2026-05-16
新手盆栽蘭花養護方法
新手盆栽蘭花養護方法
導語:蘭花是一種十分優雅的觀賞性花卉,在人們的印象中,多數人都覺得它特别嬌氣難養,對于在家盆栽蘭花的想法也隻是存在想一想的階段,實在是缺乏勇氣嘗試下。如此情況下,對待蘭花的盆栽小技巧,小編就給大家說一說,隻要你能夠掌握下面的這些植物點,就再...
2026-05-16
潮汕砂鍋螃蟹蝦粥做法
潮汕砂鍋螃蟹蝦粥做法
大家好,今天我們來一起學習一下正宗潮州砂鍋蝦蟹粥怎麼做。首先,需要準備材料,主料:膏蟹1~2隻、基圍蝦20~30隻、幹貝10~20顆、珍珠米(按份數定);配料:地都冬菜、芹菜粒、香菜、胡椒粉、鹽、花生油、姜絲、花生醬(本文用的是四季寶花生醬...
2026-05-16
Copyright 2023-2026 - www.tftnews.com All Rights Reserved