Question

基本上我有几个我创建的psd图像，我想用它作为网站上不同div的背景。（它们分别保存为.pngs和.jpgs）我试图寻找的示例外观是http://www.brioitalian.com/index.html。

我正在使用bootstrap框架。每当我尝试尝试这个时，我的div仍然是一个包含图像的框，而不是代表div的实际图像。例如，Brio网站中心内容div就像边缘一样撕纸。

我觉得这应该很简单，但它让我疯了。

Answer 1

您的问题与bootstrap无关。相反，它是为元素设置背景。我使用以下内容作为标准CSS，将背景图片添加到<div>，<span>或<a> html标记。

.background{
    background-image: url(background.image.png);
    background-repeat: no-repeat;  /* image will appear only once*/
    height: 100px;  /* height of image */
    width: 100px;   /* width of image */
}

但是，这是实现此目的的基本方法。在http://www.w3schools.com/css/css_background.asp有一个很好的教程，展示了可以用背景图像完成的不同选项。

如何将图像用作div背景？

1 个答案: