首页
/
每日頭條
/
圖文
/
css樣式基礎與整體總結
css樣式基礎與整體總結
更新时间:2024-11-18 03:33:53
一、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
推荐阅读
畫江湖之不良人完整(李硯畫江湖之不良人正在熱播)
畫江湖之不良人完整(李硯畫江湖之不良人正在熱播)
     近日,改編自 國漫 IP 《 畫江湖之不良人 》,由 童輝、王豐 執導, 李硯、曹賽亞、陳添祥、何依蔓、于雷等主演,正在芒果 tv 全網獨播。 該劇自開播以來 備受關注,角色話題熱議不斷。這也是李硯繼上一部院線作品《天之書》之後的又一新作,也是他少有的古裝角色之一。      李硯在《畫江湖之不良人》中飾演的男主李星雲是一名神秘的孤兒,機緣巧合下被...
2024-11-18
一分鐘了解衛生巾(關于衛生巾的一切)
一分鐘了解衛生巾(關于衛生巾的一切)
     寫在前面   衛生巾再次在網絡上引起熱議,這已經是今年第二次大規模讨論。對女性來說,這是一個平常不過卻又值得嚴肅讨論的話題。事關女性健康,對于衛生巾,不僅是每一位女性,女性身邊的他,更應該了解這一切。   近日,#散裝衛生巾#的話題不斷發酵,詞條被閱讀了13.7億次以上。      三無衛生巾、女性月經貧困、女性月經健康等各種問題都得到了廣泛讨論。...
2024-11-18
河南各個縣名字難讀(能全部讀對名字的人)
河南各個縣名字難讀(能全部讀對名字的人)
  每一座城市,都有屬于它自身的特色。它們或者并不是那麼出名,但總有一些風土人情或自然風光令人向往。   但是,想去某個地方旅行,你可别首先就被該地的名字給難倒了。今天,小南就來跟大家聊聊河南境内,外地人非常容易讀錯名字的6座縣城。   一、武陟(zhì)縣  武陟位于河南省西北部,是焦作市的下轄縣。武陟縣曆史悠久,據資料記載,隋開皇十六年(即公元596年)...
2024-11-18
北轅南轍電視劇鄭業成路透(鄭業成再迎新劇一念永恒)
北轅南轍電視劇鄭業成路透(鄭業成再迎新劇一念永恒)
  《北轍南轅》後,鄭業成再迎新劇《一念永恒》,搭檔孫怡、劉海寬   最近,《北轍南轅》正在熱播。值得關注的是,該劇雖然熱度很高,但口碑卻很一般,目前評分隻有4.7分。不過,這也絲毫沒能阻止觀衆對這部劇的喜愛,上線11天,在熱度榜上也從未跌出過TOP3,俨然掀起了追劇熱潮。         大咖相繼客串讓這部劇“彩蛋”不斷,宋丹丹、黃渤、張一山、朱一龍等大咖...
2024-11-18
零基礎學全自動封邊機教程(趙姐教大家看闆材封邊)
零基礎學全自動封邊機教程(趙姐教大家看闆材封邊)
  大家好,今天來聊一聊闆材的封邊問題。EVA、PUR和激光封邊,你們聽說過嗎?   EVA和PUR都屬于膠水類型,EVA是物理固化可逆,通過加熱固體膠變成液體膠,熱熔封邊可以二次使用,成本低,但容易溢膠,還會有膠線,遇高溫會開裂。      PUR封邊是化學反應不可逆,采用德國PUR膠水,靠濕氣固化,不易受溫度影響導緻開裂,耐用美觀,純度僅次于激光封邊。激...
2024-11-18
Copyright 2023-2024 - www.tftnews.com All Rights Reserved