1

如何将我的投资组合图像添加到 CSS 中并保持与此小提琴中相同的外观:http: //jsfiddle.net/Q535e/

<section>
</section>

我正在学习如何制作我网站的投资组合部分,为此我只是添加了一些随机链接到 HTML,但现在我想下载这些图像并将它们保存到“图像”文件夹中。因此,应该从我的硬盘(“图像”文件夹)而不是从网络链接调用图像。

提前致谢!

4

3 回答 3

1

background-image属性分配给您想要图像的 div。例如:

HTML:

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

CSS:

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

如果我理解您的措辞是正确的,您就不能将硬盘上的图像作为网站上图像的来源。图像必须托管在服务器上。

于 2013-07-31T15:17:26.147 回答
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">

对您拥有的所有图像执行此操作。

于 2013-07-31T15:23:20.790 回答
0

不太清楚你对图像位置的意思。您可以对通过 CSS 实现的 img 标签和图像执行此操作。

但是,您可以在链接上使用背景图像 css 规则并在这些链接上设置高度、宽度和 display:block 后实现您的目标。

于 2013-07-31T15:17:53.870 回答