2016-03-18 129 views
-2

嗯,即时通讯在html和CSS上有点新东西我想在网页上放一些图片,我想通过CSS来做,我的问题是我该怎么做如何通过CSS将图片添加到我的网络

感谢

+0

也许你正在寻找['背景-image'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)?无法分辨。 –

+1

可能重复的[如何把图像与CSS的div?](http://stackoverflow.com/questions/10829675/how-to-put-an-image-in-div-with-css) – Phiter

+0

只是谷歌它,你会发现。看看w3schools:http://www.w3schools.com/css/css_background.asp –

回答

0

插入到你的CSS这个加载图像

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

使用它来显示您的图片:

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

希望你能理解:d

+0

是的,这很有效,它很简单 – aldagor

2

的问题是有点模糊,但可以让你在说supose关于您网站的背景图片...

比你会在你的.css文件是这样设置:

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

如果你想有一个背景图像覆盖整个页面,并延伸到这里填满整个屏幕是你可以做的。图像的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图像标记,那么你可以在引用该id为特定的图像在你的CSS文件,如果你有,或在<style>标记后。

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

你可以做更多的图像与CSS,我不知道你到底想要做什么。

相关问题