2013-07-31 43 views
1

如何添加我的投資組合圖像轉換成CSS,並保持相同的外觀,因爲它是在這個提琴:http://jsfiddle.net/Q535e/在CSS中添加圖片而不是HTML中的鏈接?

<section> 
</section> 

我正在學習如何使我的網站的部分業務,併爲此我只是說一些隨機鏈接到HTML,但現在我想下載這些圖像並將它們保存到「圖像」文件夾中。所以,應該從我的硬盤(「圖像」文件夾)調用圖像,而不是從網絡鏈接調用。

在此先感謝!

+0

你是從電腦上創建這個網站嗎?還是由某個人託管? – stackErr

+0

你在問如何將自己的圖片上傳到網絡服務器?這不是一個真正的CSS問題。你能澄清一下嗎? – aaronburrows

+0

@stackErr一切都在我的電腦上,它不在任何地方託管。 –

回答

1

如果我理解正確,您需要將所有需要的圖像下載到硬盤上。然後將它們保存到您提到的「圖像」文件夾中。

現在,從這個改變你的HTML:

<img alt="Tour Eiffel" src="http://www.travelskyline.net/wallpapers/eiffel_tower_paris_france-800x600.jpg"> 

要:

<img alt="Tour Eiffel" src="images/eiffel_tower_paris_france-800x600.jpg"> 

這樣做對所有你的圖片。

+0

哈〜謝謝!我想這就是我一直在尋找的!我會盡快測試它。我之前是這麼做的,但由於某種原因(今天真的很熱),我認爲我需要將我的圖像「移動」到CSS中,所以我困惑了自己:)謝謝! –

+1

繼承人如何思考CSS。 CSS只會做你的網頁的「外觀和格式」,所以當你說你想添加圖片到你的CSS時,聽起來很奇怪。你不添加圖片到CSS,你描述他們在CSS中看起來如何。 – stackErr

+0

謝謝!我會記住你的意見。感謝你的幫助!順便說一句,我剛剛嘗試從上面的建議,它的工作原理,因爲我想它的工作:) –

1

分配background-image屬性要在圖像的DIV,例如:

HTML:

<div class="projectshot">...</div> 

CSS:

.projectshot { 
    background-image: url("image.jpg"); 
} 

如果我理解你的措辭對,您無法在硬盤上爲網站上的圖像來源製作圖像。圖像必須託管在服務器上。

0

不太確定你對圖像位置的含義。您可以通過CSS實現img標籤和圖片。

但是,您可以在鏈接上使用background-image css規則並在這些鏈接上設置高度,寬度和顯示:塊後實現您的目標。