首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-02-26 17:49:39
一、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
推荐阅读
泰州2022重點項目
泰州2022重點項目
泰州2022重點項目?交彙點訊重點項目是推動服務業高質量發展的有效抓手泰州市服務業發展領導小組辦公室前不久編制印發《2022年泰州市服務業重點項目清單》75個億元服務業重點項目總投資449.2億元,年度計劃投資146.5億元,我來為大家講解...
2026-02-26
人間四月芳菲盡經典散文
人間四月芳菲盡經典散文
光陰如水,緩慢流淌,途經風景,蜿蜒曲折出,一個又一個故事。逝水流年,無論光陰這汩汩的溪水,如何流淌,總會有相遇。比如,不知何處,飄落的花瓣,比如,無意漂浮的落葉。這些自然的遇見,總歸是一種緣分。世間萬物,沒有無緣的相遇,也沒有無故的缺席,不...
2026-02-26
二十四節氣立春時間表
二十四節氣立春時間表
二十四節氣立春時間表?二十四節氣,是根據太陽在黃道上的位置來劃分的黃道就是地球繞太陽公轉的軌迹,所以二十四節氣是根據地球公轉而來的也可以說是根據太陽在黃道上所占的位置,每隔12個月劃分為24個節氣這些都是古人智慧的結晶,和我們現在所處的日期...
2026-02-26
塗抹皮炎平可以快速祛痘嗎
塗抹皮炎平可以快速祛痘嗎
其實很多人都不知道在自己的日常生活中,有多麼容易的接觸到激素類藥膏。今天琦琦老師就要跟大家講講激素類藥膏的使用和危害。現實中有相當一部分年輕人在臉上長痘後會選擇在藥店購買一些皮膚病藥膏,比如常見的皮康王、皮炎平等,這卻不知道這些藥膏都是含有...
2026-02-26
科一必背300句口訣
科一必背300句口訣
,
2026-02-26
Copyright 2023-2026 - www.tftnews.com All Rights Reserved