首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2026-05-27 01:22:33
一、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-05-27
白羊男最佳妻子
白羊男最佳妻子
白羊座與天秤座是兩個屬性不同的星座,卻有着奇妙的相似之處,他們都愛好和平,都讨厭争鬥與矛盾,他們個性都看似平和好相處,實則内心驕傲又自我,強烈的自我意識讓他們很難融入一個集體之中,因為他們的個性實在太過鮮明,太過驕傲,都是甯折不彎的剛烈性子...
2026-05-27
唇膏能去除臉上的黑頭嗎
唇膏能去除臉上的黑頭嗎
潤唇膏能去黑頭嗎潤唇膏并不能完全清除黑頭,僅僅是可以起到改善的效果。潤唇膏去黑頭這個方法并不适合油性皮膚,因為唇膏一般是滋潤型的,含有的油脂比較多,而黑頭的形成主要是因為皮膚油脂清潔不幹淨造成的。用什麼潤唇膏能去黑頭可以使用凡士林唇膏,因為...
2026-05-27
自制零食簡單不長胖不用烤箱
自制零食簡單不長胖不用烤箱
今天和大家分享6種小零食的做法,每一種都很美味,而且做法超簡單,輕松就能在家搞定,零技巧零難度,比外面買的吃着更放心,有喜歡的朋友們可以收藏起來照着做,大人小孩都愛吃,尤其在追劇時邊吃邊看,真是舒服。雞蛋卷1.準備一個小盆,打入4個雞蛋,加...
2026-05-27
量塊精度表示方法
量塊精度表示方法
量塊是計量中常用的标準件,在日常使用中可以作為各類儀器校準中的輔助工具,而量塊自身如果進行檢定校準,其校準過程中溫度的條件就是需要多次進行調控,因為量塊的校準需要在恒溫環境下進行,量塊的精确度和實驗室環境的溫度有很大聯系,那麼量塊檢定校準中...
2026-05-27
Copyright 2023-2026 - www.tftnews.com All Rights Reserved