CSS背景

来源:https://www.cnblogs.com/SSPOFA/archive/2019/11/03/11789428.html
-Advertisement-
Play Games

css背景 1. 背景顏色 banckground clor屬性定義元素的背景顏色 ~~~ background color:顏色值; ~~~ 一般情況下元素的背景顏色預設值是transparent(透明的) 2. 背景圖片 background image屬性描述了元素的背景圖像。實際開發常見於L ...


css背景

  1. 背景顏色

    • banckground-clor屬性定義元素的背景顏色

    • background-color:顏色值;
    • 一般情況下元素的背景顏色預設值是transparent(透明的)

  2. 背景圖片

    • background-image屬性描述了元素的背景圖像。實際開發常見於LOGO或者一些裝飾性的小圖片或者超大的背景圖片,優點是非常便於控制位置

    • background-image:none|url(url)
      參數值 作用
      none 無背景圖片
      url 使用絕對 或者相對地址指定圖片
  3. 背景平鋪

    • 使用background-repeat屬性設置

    • background-repeat:repeat|no-repeat|repeat-x|repeat-y;
      參數值 作用
      repeat 平鋪
      no-repeat 不平鋪
      repeat-x 沿著x軸平鋪
      repeat-y 沿著y軸平鋪
  4. 背景圖片位置

    • background-position屬性可以改變圖片在背景中的位置

    • background-position:x y;
      參數值 說明
      length 百分數|由浮點數字和單位標識符組成的長度
      position top|center|bottom|left|center|right 方位名詞
    • 參數是方位名詞

      • 如果指定的兩個值都是方位名詞,則兩個值前後順序無關,比如left top 和top left效果一致
    • 參數是精確單位

      • 如果參數值是精確坐標,那麼第一個肯定是x坐標,第二個肯定是Y坐標
    • 混合單位

      • 如果指定的兩個值是精確單位和方位名詞混合使用,則第一個值是x坐標,第二個值是Y坐標
  5. 背景圖像固定(北京附著)

    • background-altachment屬性設置背景圖像是否固定或者隨著頁面的其餘部分滾動

    • background-altachment:scroll|fixed
      參數 作用
      scroll 背景圖像隨著對象內容滾動
      fixed 背景圖像固定
  6. 背景屬性的複合寫法

    • background:背景顏色 背景圖片位置 背景平鋪 背景圖片位置
  7. 背景色半透明

    • background:rgba(0,0,0,0.3)
    • 最後一個alpha透明度,取值範圍在0~1之間
屬性 作用
background-color 背景顏色 預定義的顏色值、十六進位、RGB代碼
background-image 背景圖片 url(圖片路徑)
background-repeat 是否平鋪 repeat、no-repeat、repeat-x、repeat-y
background-position 背景位置
background-altachment 背景附著 scroll(背景滾動)、fixed(背景固定)
背景簡寫 書寫更簡單 背景顏色 背景圖片位置 背景平鋪 背景圖片位置
背景半透明 背景顏色半透明 background:rgba(0,0,0,.3 )

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 介紹數據倉庫的的定義及特征,數據倉庫常見的應用和數據倉庫系統的組成部分。 ...
  • 一、DDL、DML、DCL常用語句 1、DDL(Data Definition Language)資料庫定義語言 (1)資料庫模式定義 (2)表定義 2、DML(data manipulation language)資料庫操作語言 3、DCL(Data Control Language)資料庫控制語 ...
  • 一、SQL基本概念: SQL 已經成為關係資料庫的標準語言,是一種資料庫查詢和程式設計語言,用 於存取數據以及查詢、更新和管理關係資料庫系統。 功能不僅僅是查詢,還包括數據定義、數據操縱和數據控制等於資料庫有關的 一系列功能。 四大功能:數據查詢、數據定義、數據操縱和數據控制。 1)嵌入式和動態 S ...
  • @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().i... ...
  • @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present.// getMenuInflater()... ...
  • 屬性介紹stretchColumns:列被拉伸shrinkColumns:列被收縮collapseColumns:列被隱藏舉例測試 ... ...
  • 一、資源 先提供資源。如果我弄錯了什麼,請以這些文檔為準: W3C文檔、IANA已登記的子標簽、BCP 47、RFC 5646。 二、格式簡介 先上一張圖片: 一個Language Tags,由①到⑦一共四個子標簽組成。有什麼盤算不清楚的,請參考資源部分提供的文檔。 三、各部分含義 ①languag ...
  • 實現輪播圖有很多方式,但是html的結構都是一樣的。本文使用了Jquery框架,Dom操作更加方便靈活 html部分: CSS代碼: JS代碼: 主要就是JS部分,需要定義一個變數通過li的索引來控製圖片輪播。這裡我使用的是Jquery自帶的動畫淡入淡出效果。當然也可以使用animate函數自定義動 ...
一周排行
    -Advertisement-
    Play Games
  • Timer是什麼 Timer 是一種用於創建定期粒度行為的機制。 與標準的 .NET System.Threading.Timer 類相似,Orleans 的 Timer 允許在一段時間後執行特定的操作,或者在特定的時間間隔內重覆執行操作。 它在分散式系統中具有重要作用,特別是在處理需要周期性執行的 ...
  • 前言 相信很多做WPF開發的小伙伴都遇到過表格類的需求,雖然現有的Grid控制項也能實現,但是使用起來的體驗感並不好,比如要實現一個Excel中的表格效果,估計你能想到的第一個方法就是套Border控制項,用這種方法你需要控制每個Border的邊框,並且在一堆Bordr中找到Grid.Row,Grid. ...
  • .NET C#程式啟動閃退,目錄導致的問題 這是第2次踩這個坑了,很小的編程細節,容易忽略,所以寫個博客,分享給大家。 1.第一次坑:是windows 系統把程式運行成服務,找不到配置文件,原因是以服務運行它的工作目錄是在C:\Windows\System32 2.本次坑:WPF桌面程式通過註冊表設 ...
  • 在分散式系統中,數據的持久化是至關重要的一環。 Orleans 7 引入了強大的持久化功能,使得在分散式環境下管理數據變得更加輕鬆和可靠。 本文將介紹什麼是 Orleans 7 的持久化,如何設置它以及相應的代碼示例。 什麼是 Orleans 7 的持久化? Orleans 7 的持久化是指將 Or ...
  • 前言 .NET Feature Management 是一個用於管理應用程式功能的庫,它可以幫助開發人員在應用程式中輕鬆地添加、移除和管理功能。使用 Feature Management,開發人員可以根據不同用戶、環境或其他條件來動態地控制應用程式中的功能。這使得開發人員可以更靈活地管理應用程式的功 ...
  • 在 WPF 應用程式中,拖放操作是實現用戶交互的重要組成部分。通過拖放操作,用戶可以輕鬆地將數據從一個位置移動到另一個位置,或者將控制項從一個容器移動到另一個容器。然而,WPF 中預設的拖放操作可能並不是那麼好用。為瞭解決這個問題,我們可以自定義一個 Panel 來實現更簡單的拖拽操作。 自定義 Pa ...
  • 在實際使用中,由於涉及到不同編程語言之間互相調用,導致C++ 中的OpenCV與C#中的OpenCvSharp 圖像數據在不同編程語言之間難以有效傳遞。在本文中我們將結合OpenCvSharp源碼實現原理,探究兩種數據之間的通信方式。 ...
  • 一、前言 這是一篇搭建許可權管理系統的系列文章。 隨著網路的發展,信息安全對應任何企業來說都越發的重要,而本系列文章將和大家一起一步一步搭建一個全新的許可權管理系統。 說明:由於搭建一個全新的項目過於繁瑣,所有作者將挑選核心代碼和核心思路進行分享。 二、技術選擇 三、開始設計 1、自主搭建vue前端和. ...
  • Csharper中的表達式樹 這節課來瞭解一下表示式樹是什麼? 在C#中,表達式樹是一種數據結構,它可以表示一些代碼塊,如Lambda表達式或查詢表達式。表達式樹使你能夠查看和操作數據,就像你可以查看和操作代碼一樣。它們通常用於創建動態查詢和解析表達式。 一、認識表達式樹 為什麼要這樣說?它和委托有 ...
  • 在使用Django等框架來操作MySQL時,實際上底層還是通過Python來操作的,首先需要安裝一個驅動程式,在Python3中,驅動程式有多種選擇,比如有pymysql以及mysqlclient等。使用pip命令安裝mysqlclient失敗應如何解決? 安裝的python版本說明 機器同時安裝了 ...