首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-04-11 05:55: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
推荐阅读
重慶江北太古裡最新消息
重慶江北太古裡最新消息
4月8日,江北區霸屏了。江北舉行了一個重大項目的集中簽約開工活動。一批重大項目露面,總投資700億。江北區,又搞了一個大事情!這個規模,這個投資金額,能超越江北的,在重慶沒得幾個區縣。許多人的目光,都被觀音橋電測村的項目搶走了。我的目光,卻...
2026-04-11
暗戀你的三大表現
暗戀你的三大表現
文/時光了了-01-在張智成的《暗戀》這首歌裡,聽到了愛情的苦澀,他唱:四目交換的時候,不要停留太久;适可而止的問候,關心不能太過;好奇也别去探索,嫉妒隻能深鎖;如果忍不住寂寞,也不能對你說。暗戀一個人,便是如此幸福又心酸的一件事情,其中滋...
2026-04-11
原神常駐池最難抽到的角色
原神常駐池最難抽到的角色
在小賣部遍布大街小巷的年代,零食裡的卡片幾乎承包了一代人的童年記憶。而随着世界的不斷發展和變遷,“食玩”已慢慢從大家的生活中消失殆盡。不過在近日鐘離的日配聲優前野智昭的直播中,他又撿起了食玩這一老娛樂項目,并以此進行了特殊的原神抽卡。當鐘離...
2026-04-11
螞蟻搬家坑嗎
螞蟻搬家坑嗎
如何鑒别真假螞蟻?如何聯系到真螞蟻?搬家過程如何保證自己的權益?……如果您對搬家有疑問,遇到了搬家方面的糾紛,或者您正準備搬家,苦于找不到合适的搬家公司,亦或者您是搬家公司,想要入駐,那就來3月11日(周一)上午12點來齊魯晚報·齊魯壹點情...
2026-04-11
信用減值損失屬于資産類
信用減值損失屬于資産類
信譽減值丢失和資産減值丢失都歸于損益類科目的,那信譽減值丢失歸于資産減值丢失嗎?盡管信譽減值丢失和資産減值丢失都歸于損益類科目,能夠說反映的狀況也是共同,但是在對應的事項上面仍是不同,兩者之間的差異仍是很大,具體的介紹如下.信譽減值丢失歸于...
2026-04-11
Copyright 2023-2026 - www.tftnews.com All Rights Reserved