html - 在 CSS 中添加图像而不是在 HTML 中添加链接？

Question

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

<section>
</section>

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

提前致谢！

score 1 · Accepted Answer

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

HTML：

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

CSS：

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

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

score 1 · Accepted Answer

如果我理解正确，您需要将所需的所有图像下载到硬盘上。然后将它们保存到您提到的“图像”文件夹中。

现在从这里更改您的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">

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

score 0 · Accepted Answer

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

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

3 回答 3