如何通過CSS將圖片添加到我的網絡

-2

嗯，即時通訊在html和CSS上有點新東西我想在網頁上放一些圖片，我想通過CSS來做，我的問題是我該怎麼做如何通過CSS將圖片添加到我的網絡

感謝

來源

2016-03-18 aldagor

也許你正在尋找['背景-image']（https://developer.mozilla.org/en-US/docs/Web/CSS/background-image）？無法分辨。 –

可能重複的[如何把圖像與CSS的div？]（http://stackoverflow.com/questions/10829675/how-to-put-an-image-in-div-with-css） – Phiter

只是谷歌它，你會發現。看看w3schools：http://www.w3schools.com/css/css_background.asp –

插入到你的CSS這個加載圖像

div.picture { 
    content:url(the_url_of_the_image_or_route); 
}

使用它來顯示您的圖片：

<div class="picture"></div>

希望你能理解：d

來源

2016-03-18 19:13:50 Tapasa

是的，這很有效，它很簡單 – aldagor

如果您正在尋找了解CSS如何幫助您與您的網站，我建議你檢查了這一點：http://www.w3schools.com/css/

來源

2016-03-18 18:51:19 CamronT

的問題是有點模糊，但可以讓你在說supose關於您網站的背景圖片...

比你會在你的.css文件是這樣設置：

body { 
    background-image: img/myImage.jpg; 
}

來源

2016-03-18 18:52:16 JDalri

如果你想有一個背景圖像覆蓋整個頁面，並延伸到這裏填滿整個屏幕是你可以做的。圖像的url應該是圖像所在的路徑。如果您沒有圖像文件夾，並且圖像與您的html文件位於相同的位置，那麼對於url使用url（bg.jpg）或任何圖像被稱爲。請更清楚您想要如何在您的網頁上添加圖片。同時提供你現在的源代碼將是一個重要的幫助。您可能有一個小的語法錯誤。

<style type="text/css"> 
     html { 
      background: url(images/bg.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -o-background-size: cover; 
      background-size: cover; 
      } 
</style>

或者，如果您只想將圖片添加到您的網站，您可以在圖片標籤內使用圖片標籤。這是一個例子。確保您包含的圖像位於與hmtl文件相同的文件夾中。否則，在src中指定路徑。

<img id="image3" src"bg.jpg" />

創建HTML圖像標記，那麼你可以在引用該id爲特定的圖像在你的CSS文件，如果你有，或在<style>標記後。

#image3{ 
     height: 100px; 
     width: 100px; 
}

你可以做更多的圖像與CSS，我不知道你到底想要做什麼。

來源

2016-03-18 19:03:05 Stivan

如何通過CSS將圖片添加到我的網絡

回答

相關問題