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文件。