首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-03-22 21:42:00
一、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-22
長沙市住房公積金怎麼用
長沙市住房公積金怎麼用
日前,有長沙市民在市長信箱咨詢長沙公積金是否可以用于裝修貸款。該市民稱,他已在長沙購買一套房産,今年計劃進行裝修,但手上不寬裕,且該市民存有的長沙市公積金一直未曾使用,想了解一下,長沙市公積金是否可以用于裝修貸款。長沙住房公積金管理中心回複...
2026-03-22
平仄聲韻是啥時提出來的
平仄聲韻是啥時提出來的
前言常見的詞譜僅有平仄之分。但是平仄有平、上、去、入四聲,古人填詞對于四聲還是有些講究的。例如領字,多以去聲為主。而連續的平聲,最好區分陰陽。龍榆生先生《詞學十講》中,專門有一部分講到這個問題:清初黃周星論曲,有“三仄更須分上去,兩平還要辨...
2026-03-22
什麼才算是老年人
什麼才算是老年人
什麼才算是老年人?如何界定老年人?,我來為大家科普一下關于什麼才算是老年人?以下内容希望對你有幫助!什麼才算是老年人如何界定老年人?世界衛生組織建議,在發展中國家可将年齡達到60歲及以上的人定義為老年人,而在發達國家可将年齡達到65歲及以上...
2026-03-22
countif函數同時滿足多個條件
countif函數同時滿足多個條件
countif函數同時滿足多個條件?轉自:Excel之家ExcelHome數主要用于統計滿足某個條件的單元格的數量,其基本用法為:,今天小編就來聊一聊關于countif函數同時滿足多個條件?接下來我們就一起去研究一下吧!countif函數同...
2026-03-22
Copyright 2023-2026 - www.tftnews.com All Rights Reserved