首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-05-22 10:37:03
一、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
推荐阅读
autofull電競椅
autofull電競椅
今天先且帶大家去體驗下在LPL和WCA官方賽事指定的AutoFull電競椅。『開箱』在剛收到AutoFull電競椅的時候,說實話原本已經有心理準備了,但是還是給它的面積和重量吓了一跳,要達到輕松的話最好叫朋友跟你一起收貨。裡面的包裝跟普遍的...
2026-05-22
王朔和馮小剛是同一個人嗎
王朔和馮小剛是同一個人嗎
說起有名的“京圈老炮”,現在很多人都會想到馮小剛,但其實當年,有一位比馮小剛還要叱咤風雲的人物,那就是王朔,而且對于馮小剛來說,他能從一介美工師變成電影大腕,背後也離不開王朔,王朔是馮小剛的“偶像”和“好哥們”,更是他可遇不可求的“貴人”。...
2026-05-22
有什麼辦法可以快速提升銷量
有什麼辦法可以快速提升銷量
最近幾年,生意難做,很多創業者的銷量出現了下降的情況。在銷量下降的時候,很多人會比較焦慮,在焦慮之下難以做出正确的選擇。一般情況下,我們能夠想到兩個方法:一個是打廣告吸引更多的新客戶,另一個是降價促銷。這兩種方法都很難說是最理想的狀況,因為...
2026-05-22
上火缺維生素b2的食物有哪些
上火缺維生素b2的食物有哪些
上火缺維生素b2的食物有哪些?維生素是維護人體健康必不可少的一類營養素,在調節身體代謝、維護正常生理功能中,維生素起着重要作用,我來為大家講解一下關于上火缺維生素b2的食物有哪些?跟着小編一起來看一看吧!上火缺維生素b2的食物有哪些維生素是...
2026-05-22
vat申請流程
vat申請流程
對于跨境電商賣家來說,VAT增值稅是他們面臨的主要問題,使用當地倉庫或者銷售貨物就需要注冊VAT增值稅稅号,VAT号碼并不是通用的,隻要觸發了滿足注冊VAT的條件就需要在當地注冊VAT号碼,所以業務比較複雜的賣家有時候需要注冊多個VAT号碼...
2026-05-22
Copyright 2023-2026 - www.tftnews.com All Rights Reserved