首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-03-24 20:14:02
一、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-03-24
手上有4000塊怎麼利用
手上有4000塊怎麼利用
你好呀,我是簡七編輯部的木言聲~月末這幾天,我盤了盤手頭的錢,給自己留了有10萬出頭;我找來咱們聊過的自查表,考慮到最近的環境變化,做了些調整。想起後台總能收到小夥伴問:「手上的幸苦錢,具體怎麼安排合适?」今天來分享點配置的思路~*風險提示...
2026-03-24
小型觀賞魚喂什麼發色快
小型觀賞魚喂什麼發色快
關注養魚老道,關注更多觀賞魚實踐知識,讓我們簡單養水、輕松養魚!在各種紅色系的觀賞魚中,每位魚友都會有自己喜歡的品種,這個是與我們的傳統文化分不開的,紅色象征着喜慶、紅紅火火,總起來說是一種大吉大利的顔色。無論是從較小的全紅孔雀魚,到高鳍紅...
2026-03-24
剩餘價值的價值
剩餘價值的價值
剩餘價值的價值?資本的積累⭐1、把剩餘價值轉化為資本,或者說剩餘價值的資本化,就是資本積累,接下來我們就來聊聊關于剩餘價值的價值?以下内容大家不妨參考一二希望能幫到您!剩餘價值的價值資本的積累⭐1、把剩餘價值轉化為資本,或者說剩餘價值的資本...
2026-03-24
齊秦年輕演唱外面的世界
齊秦年輕演唱外面的世界
齊秦年輕演唱外面的世界?小哥的經典外面的世界,出自1987年(冬雨)專輯,我一直以為是經典,到現在也是,尤其是編配前奏,尾奏,還有第一段伴奏,第二段伴奏,木吉他編配都不一樣,極其經典,網上我聽了很多,總是不盡如人意,這裡發一個手機錄的簡單版...
2026-03-24
Copyright 2023-2026 - www.tftnews.com All Rights Reserved