css背景圖片url_請問在css中要插入背景圖片 url地址應該怎麼寫

❶ CSS設置背景圖片路徑格式

.a{background-image:url(圖片路徑)}

圖片路徑可以是絕對路徑、根相對路徑和文檔相對路徑
絕對路徑是包括伺服器協議的完全路徑，比如「網路主頁」，完全路徑為：http://www..com/index.htm，如果所要鏈接當前站點之外的文檔，就必須使用絕對路徑。
相對路徑包括根相對路徑（Site Root）和文檔相對路徑（Document）兩種。
根相對路徑（也稱相對跟目錄）的路徑以「/」開頭，路徑是從當前站點的根目錄開始計算。比如我們前面建的D盤myweb目錄就是名為「myweb」的站點，這時「/index.htm」路徑，就表示文件位置為D:\myweb\index.htm。根相對路徑適用於鏈接內容頻繁更換環境中的文件，這樣即使站點中的文件被移動了，其鏈接仍可以生效。

文檔相對路徑就是指包含當前文檔的文件夾，也就是以當前網頁所在文件夾為基礎開始計算路徑。比如，當前網頁所在位置為 D:\myweb\mypic，那麼：
「a.htm」就表示 D:\myweb\mypic\a.htm；
「../a.htm」相當於 D:\myweb\a.htm，其中「../」表示當前文件夾上一級文件夾。
「img/a.gif」是指 D:\myweb\mypic\img\a.gif，其中「img/」意思是當前文件夾下名為 img 文件夾。
文檔相對路徑是最簡單的路徑，一般多用於鏈接保存在同一文件夾中的文檔。
換成圖片路徑也是一樣的道理

❷ 如何在css使用絕對路徑的圖片做背景

使用CSS background-image 屬性即可達到要求。

對瀏覽器支持：所有瀏覽器都支持 background-image 屬性。
定義和用法：
background-image 屬性為元素設置背景圖像。
元素的背景占據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。
默認地，背景圖像位於元素的左上角，並在水平和垂直方向上重復。
詳細說明：
background-image 屬性會在元素的背景中設置一個圖像。
根據background-repeat屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。
初始背景圖像（原圖像）根據background-position屬性的值放置。
可能的值：
url('URL') 指向圖像的路徑（相對/絕對路徑均可）。
none 默認值。不顯示背景圖像。
inherit 規定應該從父元素繼承 background-image 屬性的設置。

案例：

body
{
background-image:url(bgimage.gif);
background-color:#000000;/*建議設置背景色*/
}
該路徑可以設置為絕對路徑，即：background-image:url(http://xxx.com/img.jpg);

注意事項：
A、任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
B、請設置一種可用的背景顏色，這樣的話，假如背景圖像不可用，頁面也可獲得良好的視覺效果。

❸ 怎樣設置CSS背景圖片路徑

background:url(../images/img.jpg);url裡面就是背景圖片路徑了，img.jpg是文件名，images是文件夾的名字，..是上級目錄

❹ CSS如何添加背景圖片

通過css：background-image語句設置背景。

background-image 屬性會在元素的背景中設置一個圖像。根據background-repeat屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。初始背景圖像（原圖像）根據background-position屬性的值放置。

（1）相對的文件位置：

(4)css背景圖片url擴展閱讀：

background-image 屬性為元素元素的背景占據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。

默認地，背景圖像位於元素的左上角，並在水平和垂直方向上重復。

提示：請設置一種可用的背景顏色，這樣的話，假如背景圖像不可用，頁面也可獲得良好的視覺效果。

❺ css添加背景圖片無法顯示

您好，最好確認下你的css是不是在本頁面中如果是存在在別的css文件中，路徑是會存在問題的，其他屬性可以實現，說明圖片路徑的確是存在問題的不妨你可以試一下background-image: url("../images/9050.jpg");有沒有用
還有你在本頁你試一下
<style>
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;
}
</style>
<div class="sf" >123</div>
這樣能顯示的話就代表你原來的的確是css路徑問題。
如果此css與頁面不在一個目錄下那麼背景的路徑將會改變希望留意一下
還有樓上所說的圖片後面的地址不用加引號，否則可能會引起部分瀏覽器不能顯示的錯誤。

❻ css定義了背景圖片url正確但執行後顯示不出來

CSS/素材二/bg.jpg)與 background-position之間沒加分號，所以background-posit之前的CSS就起不到作用，若果加了還不能顯示就是路徑的問題了。

❼ CSS的背景圖片url怎麼設置

要是不會寫，就直接背景圖片瀏覽就行了

代碼就是：#nav ul { background-image: url(../ly_img/navbj.jpg); }

❽ 使用css的background:url設置背景圖方法

設置背景圖的方法一般是使用css的background:url來實現的，下面有個示例，大家可以參考下

復制代碼
代碼如下:
html,body
{
margin:0;
padding:0;
height:100%;
font-family:"Times
New
Roman"
/**/
background:url(images2/bg2m.jpg);
}

❾ 為什麼我在css中設定的背景圖片在瀏覽的時候不顯示

圖片路徑的問題。

1、圖片和網頁放在同一目錄下：background-image:url("圖片.jpg"。

2、圖片放在一個image目錄下，並且image目錄和網頁在同一目錄下：background-image:url(「image/圖片.jpg」)。

3、圖片放在一個image目錄下，並且image目錄和網頁不在同一目錄下：background-image:url(「../image/圖片.jpg」)//兩個點加一個左斜杠代表該程序的根目錄。

(9)css背景圖片url擴展閱讀：

注意事項

注意：：在css樣式表中寫的background-image:url(圖片的路徑為相對本css文件的路徑，而不是我們通常認為的相對加入css樣式的網頁的路徑);

例如：在當前目錄下有 index.html 和 css文件夾(裡麵包含：css.css) 和 images文件夾（裡麵包含top.jpg）

錯誤的認為和寫法：background-image:url("images/top.jpg"); 錯誤的認為圖片的路徑應該是針對index.html網頁來說的。

正確的認為和寫法：background-image:url("../images/top.jpg");圖片的路徑應該寫的是相對css.css文件的路徑

其中 ../ 表示的是上一級目錄，不要寫成 ./ 這是表示當前目錄。

❿ 請問在css中要插入背景圖片 url地址應該怎麼寫

對應的相對路徑這個url是指當前包含CSS的文件統計目錄的文件夾 i 的 eg_bg_04.gif 圖片

css背景圖片url

(9)css背景圖片url擴展閱讀：

與css背景圖片url相關的內容