如何将图像添加到我的css正文背景中?

时间:2018-05-07 03:26:59

标签: html5 image css3 background

This是我的图片所在的位置。

我已经尝试了图片上显示的几个选项,我的html上有我的CSS(培训目的)C:\ Users \ developer \ Desktop \ HTML Folder2

2 个答案:

答案 0 :(得分:0)

以下内容来自https://css-tricks.com

由于CSS3中的background-size属性,我们可以完全通过CSS完成。我们将使用html元素(优于body,因为它始终至少是浏览器窗口的高度)。我们在其上设置了固定且居中的背景,然后使用设置为封面关键字的背景大小调整其大小。

html { 
  background: url(http://enjoycss.com/webshots/hB_1.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

https://css-tricks.com/perfect-full-page-background-image/

答案 1 :(得分:0)

body {
    background: url(HTML Folder2/image.jpg)no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}