Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何通过CSS将图片添加到web_Html_Css - Fatal编程技术网

Html 如何通过CSS将图片添加到web

Html 如何通过CSS将图片添加到web,html,css,Html,Css,嗯,我对html和CSS有点陌生,我想在我的网站上放一些图片,我想通过CSS来做,我的问题是我怎么做 谢谢如果你想了解css如何帮助你的网站,我建议你检查一下:这个问题有点含糊,但是让我们假设你正在谈论你网站的背景图像 而不是在.css文件中设置如下内容: body { background-image: img/myImage.jpg; } 如果您希望背景图像覆盖整个页面,并拉伸以填充整个屏幕,您可以这样做。图像的url应该是图像所在的路径。如果您没有图像文件夹,并且图像与html文

嗯,我对html和CSS有点陌生,我想在我的网站上放一些图片,我想通过CSS来做,我的问题是我怎么做


谢谢

如果你想了解css如何帮助你的网站,我建议你检查一下:

这个问题有点含糊,但是让我们假设你正在谈论你网站的背景图像

而不是在.css文件中设置如下内容:

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

如果您希望背景图像覆盖整个页面,并拉伸以填充整个屏幕,您可以这样做。图像的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>

你可以用css对图像做更多的处理,我不确定你到底想做什么。

在你的css中插入这个来加载图像

div.picture {
   content:url(the_url_of_the_image_or_route);
}
使用此选项显示您的图像:

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


希望您能理解:D

也许您正在寻找?不知道。你会发现,可能只是谷歌的复制品。看看学校:
div.picture {
   content:url(the_url_of_the_image_or_route);
}
<div class="picture"></div>