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

时间:2016-03-18 18:47:44

标签: html css

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

由于

4 个答案:

答案 0 :(得分:2)

这个问题有点模糊,但让我们说你正在谈论你网站的背景图片...

比你在.css文件中设置的那样:

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

如果你想要一个背景图像覆盖整个页面并伸展以填满整个屏幕,这是你可以做的事情。图像的URL应该是图像所在的路径。如果您没有图像文件夹,并且图像与您的html文件位于同一位置,则网址使用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对图片做更多的事情,我不确定你到底想做什么。

答案 3 :(得分:0)

在CSS中插入此图片以加载图片

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

用它来显示你的图像:

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

希望你理解:D