Ⅰ html 如何讓背景圖片充滿全圖，就是拉伸
使用此代碼：<img border='0' src='/jpg' width='100%' height='100%' style='position: absolute;left:0px;top:0px;z-index: -1'>或者background-size:cover。
拓展資料
【HTML】
超文本標記語言，標准通用標記語言下的一個應用。「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。
【由來】
萬維網上的一個超媒體文檔稱之為一個頁面（外語：page）。作為一個組織或者個人在萬維網上放置開始點的頁面稱為主頁（外語：Homepage）或首頁，主頁中通常包括有指向其他相關頁面或其他節點的指針（超級鏈接）。
所謂超級鏈接，就是一種統一資源定位器（Uniform Resource Locator，外語縮寫：URL）指針，通過激活（點擊）它，可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。
在邏輯上將視為一個整體的一系列頁面的有機集合稱為網站（Website或Site）。超級文本標記語言（英文縮寫：HTML）是為「網頁創建和其它可在網頁瀏覽器中看到的信息」設計的一種標記語言。
網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關介面、組件等），可以創造出功能強大的網頁。
因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂「超級鏈接」點。
Ⅱ background-image:url()用法
大家知道ulr()中是填寫路徑：（現在假設背景圖片名字叫做demo.jpg）
1、如果該css文件和背景圖片在同一文件夾存在且並不包含於其他文件夾
那麼直接填寫demo.jpg；-->background-image:url(demo.jpg);
2、如果該css文件和背景圖片在同一文件夾存在且圖片包含於其他文件夾（abc）
那麼填寫//abc/demo.jpg;-->background-image:url(abc/demo.jpg);
3、如果該css文件和背景圖片不在同一文件夾下，（背景圖片在abc文件下，而abc文件夾和css文件所在文件夾並列）
那麼填寫../abc/demo.jpg;-->background-image:url(../abc/demo.jpg);
Ⅲ 前端 元素的層級 背景
background-color
background-color屬性用來為元素設置背 景顏色。
需要指定一個顏色值，當指定了一個顏色 以後，整個元素的可見區域都會使用這個 顏色作為背景色。
如果不設置背景顏色，元素默認背景顏色 為透明，實際上會顯示父元素的背景顏色
background-image
background-image可以為元素指定背景 圖片。
和background-color類似，這不過這里使 用的是一個圖片作為背景。
需要一個url地址作為參數，url地址需要指 向一個外部圖片的路徑
例如：
background-image: url(1.jpg)
background-repeat
background-repeat用於控制背景圖片的 重復方式4 。
如果只設置背景圖片默認背景圖片將會使 用平鋪的方式，可以通過該屬性進行修改。
可選值：
repeat：默認值，圖片左右上下平鋪
no-repeat：只顯示圖片一次，不會平鋪
repeat-x：沿x軸水平平鋪一張圖片
repeat-y：沿y軸水平平鋪一張圖片
background-position
background-position用來精確控制背景 圖片在元素中的位置。
可以通過三種方式來確定圖片在水平方向 和垂直方向的起點。
關鍵字：top right bottom left center
百分比
數值
background-attachment
background-attachment用來設置背景圖 片是否隨頁面滾動。
可選值：
scroll：隨頁面滾動
fixed：不隨頁面滾動
background
background是背景的簡寫屬性，通過這個 屬性可以一次性設置多個樣式，而且樣式 的順序沒有要求。
例如：
background: green url(1.jpg) no-repeat center center fixed;
Ⅳ body background=定義的背景圖片如何居中
比較簡單且有效的方法，使用css來控制圖片居中。
操作很簡單，把如下代碼加入<head>區域中即可：
又或另外一種更簡單的代碼，如下：
background:url(111.jpg) no-repeat center center;
(4)背景圖片簡寫擴展閱讀：
background的定義與用法：
background 簡寫屬性在一個聲明中設置所有的背景屬性。
可以設置如下屬性：
background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
如果不設置其中的某個值，也不會出問題，比如 background:#ff0000 url('smiley.gif'); 也是允許的。
通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。
Ⅳ 網頁製作中CSS設置里background和backgroun-image有什麼區別
1，background 簡寫屬性在一個聲明中設置所有的背景屬性。
可以設置如下屬性：
background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
如果不設置其中的某個值，也不會出問題，比如 background:#ff0000 url('smiley.gif'); 也是允許的。
通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。
2，background-image 屬性為元素設置背景圖像。
元素的背景占據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。
默認地，背景圖像位於元素的左上角，並在水平和垂直方向上重復。
簡單來講，background與background-image是包含關系，前者可以完成後者的功能，但後者不可以。
通常在寫css的時候，一般來講都直接用background做全局設置，不單獨去設置。
Ⅵ div可以同時設置背景圖片和背景顏色嗎
可以同時設置，背景圖片處於顏色之上
寫背景直接用簡寫就行了 background:url(images/圖片) 0 0 no-repeat #000;
Ⅶ background:url() no-repeat scroll -48px -2px;什麼情況使用圖片-px
-px是用來定義背景圖片的位置，-48px -2px的意思是背景圖片的位置向左移動48px，向上移動2px，這兩個數字，前面一個是水平方向的，後面一個是垂直方向的，水平方向的如果是正數，就表示向右移動，如果是負數，就表示向左移動；垂直方向如果是正數，就表示向下移動，如果是負數，就表示向上移動。
一般如果需要控制一個元素裡面背景圖片的位置時，就會用這種方法來定義了~~
Ⅷ css 背景圖片怎麼讓他在瀏覽器中都居中顯示
要是背景圖片居中，需要藉助於css中的background屬性，background 簡寫屬性其定義及用法如下：
background 簡寫屬性在一個聲明中設置所有的背景屬性。可以設置如下屬性：
1，background-color 規定要使用的背景顏色。
2，background-position 規定背景圖像的位置。
3，background-size 規定背景圖片的尺寸。
4，background-repeat 規定如何重復背景圖像。
5，background-origin 規定背景圖片的定位區域。
6，background-clip 規定背景的繪制區域。
7，background-attachment 規定背景圖像是否固定或者隨著頁面的其餘部分滾動。
background-image 規定要使用的背景圖像。
如果不設置其中的某個值，也不會出問題，比如 background:#ff0000 url('smiley.gif'); 也是允許的。
通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。
background-position 即是規定背景圖片的位置。它的值分別有以下：
top,left,right,bottom
所以需要想背景圖片居中顯示的話，可以這樣寫：
#menu_bg{background:url(../images/index_x.jpg) center center;}
Ⅸ Dw代碼中插入背景圖片的代碼是什麼
Dw代碼中插入背景圖片的代碼的具體步驟如下：
我們需要准備的材料分別是：電腦、DW。
1、首先我們打開需要編輯的DW文件，點擊需要插入背景圖片的地方。
Ⅹ html 如何讓背景圖片充滿全圖，就是拉伸
html語言背景圖片拉伸代碼：background-size:cover，可以使圖片拉伸鋪滿背景。
拓展資料
背景 (background) 屬性定義元素的背景效果
元素的背景區包括前景之下直到邊框邊界的所有空間。因此，內容框與內邊距都是元素背景的一部分，且邊框畫在背景上。
CSS 允許應用純色作為背景，也允許使用背景圖像創建相當復雜的效果；CSS 在這方面的能力遠遠在 HTML 之上。
background 是用於在一個聲明中設置所有背景屬性的一個簡寫屬性。
格式: background: {屬性值}
繼承性: NO
可能的值：
background-color
background-image
background-repeat
background-attachment
background-position
新增的值：
background-clip
background-origin
background-size
註：可以在此聲明中聲明1到5個背景屬性。
這只是 CSS 1.0 的屬性，在CSS 2.0 background已經退出了歷史舞台。
例：
<style type="text/css">
body
{
background: #ff0000 url('i/eg_bg_03.gif') no-repeat fixed center;
}
</style>