首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-08-27 13:37:25
一、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
推荐阅读
早餐午餐晚餐這樣吃3天瘦10斤
早餐午餐晚餐這樣吃3天瘦10斤
#今天吃什麼#決定在頭條分享減肥這件事也是我下定決心的标志,90後,身高170。常年體重位居140,一直夢想着想要減到110斤,于是從兩年前一直折騰自己,來回不下5次,也沒減肥成功[流淚]最近痛定思痛,想着我是真的想瘦嗎?認真思考好幾天,想...
2026-08-27
豌豆怎麼做好吃教你3種豌豆做法
豌豆怎麼做好吃教你3種豌豆做法
豌豆是一種常見的食材,既可以當作蔬菜炒着吃,也可以當作配菜來增加菜肴的色彩,促進食欲、豐富口感。現在正是吃豌豆的季節,特别鮮嫩,用它可以制作出各種美味佳肴,錯過這個季節就吃不到如此新鮮的豌豆,所以特意整理出我家經常食用豌豆的四種方法:一、豌...
2026-08-27
吉他和弦圖及用法
吉他和弦圖及用法
你一定有過被陌生和弦卡住的經曆,其實,不要把千變萬化的和弦想得太複雜,想要搞懂所有和弦很簡單。你隻需要知道其中的規律,就可以舉一反三了。本文知識點:1.如何在吉他指闆上快速找音2.學會推導所有和弦,并用"和弦家族"理念認識和弦色彩01在吉他...
2026-08-27
怎麼改善輕度敏感肌
怎麼改善輕度敏感肌
首先聲明,我就是一個護膚小白,最近不知怎麼地臉突然過敏,非常紅和起小疹子。如圖所示我是幹性皮膚,很少又過敏的情況,但是角質層太薄了,有紅血絲(這是遺傳原因沒辦法根治),平常我的皮膚還算穩當,沒出現過什麼其他的過敏,嚴重泛紅情況,可是這次來勢...
2026-08-27
最新會計檔案電子化管理
最新會計檔案電子化管理
“大智移雲物”等新技術引領的科技革命推動了财務的信息化、智能化和數字化變革,提單、審批的移動化,财務審核的智能化,數據分析的實時化,都在重塑财務工作新模式。會計檔案是企業經營記錄的直觀反映,檔案室更是任何一家企業或單位都不可避開的一個“實體...
2026-08-27
Copyright 2023-2026 - www.tftnews.com All Rights Reserved