如何设置html中的背景图片（全屏显示，且不拉伸）

1 <style>
2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture);

3 background-size:cover;background-attachment: fixed; 4 background-repeat:no-repeat;background-position:center } </style>

👆👆👆是我用的代码

Background : 背景色
Background Image :选取你的背景图
Reapeat : 背景图是否重复，其 中选no-repeat为不重复，repeat为重复，repeat-x和repeat-y分别为只在X和Y方向重复。Attachment : 背景图位置，fix为背景图位置固定不变，scroll为背景图随页面一同滚动Horizontal : 为固定背景图时图在水平方向所居的位置，能够选择居中，居左，居右或本身设定距左的距离。Vertical : 为固定背景图时图在竖直方向所居的位置，能够选择居中，居顶部，居底部或本身设定距顶的距离。注意带 * 的选项要在浏览器里才能看到效果。设定完毕，对Dreamweaver左下角点选<body应用该CSS样式就好了不光是<body标签，页面里有的元素均可以在那里选择，能够很方便的选取应用对象。对于全部onload 的触发事件，也均可以选<body再加Behavior，好比drag layer或打开页面后弹出窗口等等background-attachment属性控制背景图象是否随内容一块儿滚动，取值为scroll和fixed。默认值为scroll（滚动）；fixed为静止。