2014-10-02 91 views
-5

我想让我的网站上的这一部分使用图像而不是颜色。目前它使用的是白色,但我想要一个我在该文件夹中的图像。使用CSS制作图像背景

这里是CSS:

.page { 
    width: 100%; 
} 
.section { 
    position: relative; 
    overflow: hidden; 
    width: 100%; 
    z-index: 2; 
    padding: 100px 0; 
    background-color: #fff; 
} 
.padding-top-off { 
    padding-top: 0; 
} 
.padding-bottom-off { 
    padding-bottom: 0; 
} 
.padding-off { 
    padding: 0; 
} 
.padding-top-half-off { 
    padding-top: 50px; 
} 
.border { 
    border-bottom: 1px solid #ececec; 
} 
+1

type background:url('to your image url'); – 2014-10-02 02:44:36

+2

根据你发布的代码,你还没有真正尝试过任何东西。 – meagar 2014-10-02 02:45:37

+2

做一些[阅读背景属性](https://developer.mozilla.org/en-US/docs/Web/CSS/background) – misterManSam 2014-10-02 02:48:01

回答

1
background:url('your image link/location'); 

例如:

background:url('https://lh6.googleusercontent.com/-4jDD67VW8zI/AAAAAAAAAAI/AAAAAAAAABE/Caii4FguqIo/photo.jpg?sz=128'); 
1

变化

background-color: #fff; 

background:url('insert image link/location here') 

检查this链接它可能会帮助您了解CSS的基础知识。
请记住,在Google上搜索会为您提供更快的答案。