首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-07-12 23:28:22
一、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
推荐阅读
iphone六代系列哪種拍照最好看
iphone六代系列哪種拍照最好看
【PConline評測】在發布會之前這次的iPhone7/7Plus已經被曝光得差不多,邊框依然“可停航母”被不少安卓機秒殺,甚至連果粉都要吐槽。然而iPhone家族真的缺乏新意嗎?蘋果作為一個“心機Boy”當然不妥協。從發布會的邀請函我們...
2026-07-12
少林寺72絕技跑牆功
少林寺72絕技跑牆功
少林寺72絕技跑牆功?歌訣:兩腿踢起快如風,上下翻飛力無窮,下面我們就來說一說關于少林寺72絕技跑牆功?我們一起去了解并探讨一下這個問題吧!少林寺72絕技跑牆功歌訣:兩腿踢起快如風,上下翻飛力無窮。単踢沙袋兩百斤,腳踢敵人影無蹤。練法1.先...
2026-07-12
茅盾文學獎作品講解
茅盾文學獎作品講解
原标題:世界讀書日前夕,新華社“大家悅讀課”請來了一位“大家”茅盾文學獎得主陳彥:“閱讀就像一棵樹,找到了主幹就會越讀越茂盛”陳彥近照。記者李賀攝■開欄的話“十四五”規劃提出,深入推進全民閱讀,建設“書香中國”。如今,全民閱讀已上升為國家發...
2026-07-12
羊絨到底起球不起球
羊絨到底起球不起球
羊絨為什麼會起球?羊絨衫因其具有“輕、柔、爽、糯”的特性,一直廣受國内外消費者的青睐。許多消費者在穿着羊絨衫的過程中,發現羊絨衫起球現象,而因此對羊絨衫的質量産生疑問,現就此問題向廣大消費者做一介紹。影響織物起球的主要因素有以下幾點:纖維的...
2026-07-12
矩陣算法與分析
矩陣算法與分析
前面已經提到了矩陣和向量的乘法運算,這裡再對矩陣相乘的概念進行重述。矩陣相乘是基本且常用的運算之一。這裡定義矩陣X和矩陣A相乘得到矩陣Y。在定義乘法運算的過程中,需要使X的列數與A的行數相等。将乘法運算寫為如下形式。Y=AX或Y=A.X(1...
2026-07-12
Copyright 2023-2026 - www.tftnews.com All Rights Reserved