當前位置:首頁 » 背景圖片 » css中的圖片在哪裡
擴展閱讀
可愛十二生肖圖片卡通 2024-12-29 07:17:59
黨徽的素描圖片素材 2024-12-29 07:17:51
習武人搞笑圖片 2024-12-29 07:16:28

css中的圖片在哪裡

發布時間: 2024-03-08 17:00:52

A. css如何控制圖片位置

1、首先我們需要插入一張圖片,並且圖片只出現一次,並設計圖片出現的位置在左上角,可以按照如下代碼來完成:

<html>

<head>

<title>圖片位置設置</title>

<style type="text/css">

body{

background-image:url("2.jpg");

background-attachment:scorll;

background-repeat:no-repeat;

background-position:top left;

}


</style>

</head>

<body>

</body>

</html>

可以看到背景圖片出現的位置在瀏覽器的左上角,這個和默認的設置是一樣的。

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

圖片路徑的問題。

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

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

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

(2)css中的圖片在哪裡擴展閱讀:

注意事項

注意::在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文件的路徑

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

C. 怎麼在css中插入圖片

css插入圖片方法如下:

操作設備:戴爾筆記本電腦

操作系統:win10

操作程序:html編輯器v8.21

1、打開html編輯器並創建一個新的html文件。