使用CSS制作图像背景

时间:2014-10-02 02:42:52

标签: html css background-image

我试图在我的网站上使用图像而不是颜色。目前它使用白色,但我想要一个文件夹中的图像。

这是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;
}

2 个答案:

答案 0 :(得分:1)

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

例如:

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

答案 1 :(得分:1)

更改

background-color: #fff;

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

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