1、打开前端开发工具，新建一个html代码页面
2、在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上
3、设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。样式代码：.bg-img{height: 100vh;width: 100%;background-image: url(img/car.jpg);background-repeat: no-repeat;}
4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
5、回到html代码页面，在bg-img类里添加background-position: center的属性。
6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
"
css如何设置图片大小自适应？
1.用dw编辑器建立了一个静态页面
2.将建好的静态页命名为css.html，标题为了“css如何设置图片大小自适应”
3.在body中添加两个div，设置不能的宽度，并设class 为div1和div2，目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示
4.在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式
5.在两个div中加入相同的图片
，在浏览器打开页面发现加入图片后把原来的div都给覆盖掉了
6.这个时候我们需要在img 类中加入限制图片的宽度的css语句让他自己适应容器的宽度.img img{ width:100%; height:auto}
"
相关推荐
-
电气原理图绘制软件有哪些,电气原理图用什么软件好画？,画电气原理图用什么软件好些？
电气原理图用什么软件好画？ 电气制图当然是用EPLAN P8软件，CAD已经过时了，不适合电气原理图的制作。用EPLAN制图好多优点，比如：插入断路器，接触器等符号以后，线是自动连接的，线号也可以自动编号，很省事儿。...
-
智能语音属于人工智能吗,人工智能的智能语音交互现在发展到什么程度了？
现在的人工智能语音交互以深度学习模型为主体，结合文字理解的NLP技术，对语音进行训练后，对应到对应的文本理解层面。 虽然近年深度学习在MAP精度上有了突破性进展，但目前深度学习的缺陷仍然非常明显。对上下文常...
-
如何查看谷歌浏览器版本,如何查看谷歌浏览器版本？
工具/原材料谷歌浏览器、电脑。1、打开电脑在菜单程序里找到并点击”谷歌浏览器“；2、点击打开谷歌浏览器以后，在主界面右上方找到并点击有竖向三个小点的符号；3、找到该小数点符号以后，在下拉选项中找到并点击”帮...
-
teamviewer远程控制安全吗，跟teamviewer一样的远程软件
那就不得不推荐ToDesk了，听说是某个程序员受不了 TeamViewer 才开发出来的，我们当个笑话看看就行。但是ToDesk确实好用，跨平台，常用系统基本都支持，像Windows，macOS，linux，android，ios都支持。这些都不重要...
-
绝地求生 键位设置（绝地求生键位设置技巧）
1、基本方向移动按键： WASD 基本移动键位，W 前进A 后退S 右边移动D 左边移动 2、身形操作按键： C键 蹲下和站立切换按键，陆地上按C是是蹲下 ，水中按下C是潜水，潜水可以躲避子弹， 左ctrl跳跃：空格Z键 下趴到地...
-
网站不收录怎么解决，网站快速收录的办法
网站想要快速收录可以试下百度新上线的快速收录功能百度熊掌天级收录正式下线，新上线快速收录功能，接替天级收录保持熊掌ID权益不变。以下是百度快速收录上线公告原文：1. 工具说明快速收录可用于提交站点新增的时...