如何将我的投资组合图像添加到 CSS 中并保持与此小提琴中相同的外观:http: //jsfiddle.net/Q535e/
<section>
</section>
我正在学习如何制作我网站的投资组合部分,为此我只是添加了一些随机链接到 HTML,但现在我想下载这些图像并将它们保存到“图像”文件夹中。因此,应该从我的硬盘(“图像”文件夹)而不是从网络链接调用图像。
提前致谢!
如何将我的投资组合图像添加到 CSS 中并保持与此小提琴中相同的外观:http: //jsfiddle.net/Q535e/
<section>
</section>
我正在学习如何制作我网站的投资组合部分,为此我只是添加了一些随机链接到 HTML,但现在我想下载这些图像并将它们保存到“图像”文件夹中。因此,应该从我的硬盘(“图像”文件夹)而不是从网络链接调用图像。
提前致谢!
将background-image
属性分配给您想要图像的 div。例如:
HTML:
<div class="projectshot">...</div>
CSS:
.projectshot {
background-image: url("image.jpg");
}
如果我理解您的措辞是正确的,您就不能将硬盘上的图像作为网站上图像的来源。图像必须托管在服务器上。
如果我理解正确,您需要将所需的所有图像下载到硬盘上。然后将它们保存到您提到的“图像”文件夹中。
现在从这里更改您的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">
对您拥有的所有图像执行此操作。
不太清楚你对图像位置的意思。您可以对通过 CSS 实现的 img 标签和图像执行此操作。
但是,您可以在链接上使用背景图像 css 规则并在这些链接上设置高度、宽度和 display:block 后实现您的目标。