如何通过 CSS 将图片添加到我的网站答案

【问题标题】：How can I add pictures to my web via CSS如何通过 CSS 将图片添加到我的网站
【发布时间】：2016-07-05 15:59:48
【问题描述】：

嗯，我对 html 和 CSS 有点新，我想在我的网络上放一些图片，我想通过 CSS 来做，我的问题是我该怎么做

谢谢

【问题讨论】：

也许您正在寻找background-image？说不出来。
How to put an image in div with css?的可能重复
google 一下就知道了。看w3schools：w3schools.com/css/css_background.asp

标签： html css

【解决方案1】：

这个问题有点含糊，但假设您正在谈论您网站的背景图片...

您在 .css 文件中设置的内容如下：

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

【讨论】：

【解决方案2】：

在你的 CSS 中插入这个来加载图片

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

用它来展示你的形象：

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

希望你能理解：D

【讨论】：

【解决方案3】：

如果您想了解 css 如何为您的网站提供帮助，我建议您查看：http://www.w3schools.com/css/

【讨论】：

【解决方案4】：

如果您希望背景图像覆盖整个页面并拉伸以填满整个屏幕，您可以这样做。图片的 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 图像标签后，如果您有 <style> 标签，则可以在 css 文件中引用该特定图像的 id。

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

你可以用 css 对图像做更多的事情，我不确定你到底想做什么。

【讨论】：