引导者本文目录一览：
css如何控制图片位置
可以看到如下图所示的执行效果图，图片出现的位置在上方的右边了。
要让图片靠左，居于底部，用：background：url(这里是你的背景图片路径) no-repeat left bottom；我是网页设计师，如果可以，请联系我，把代码传给我帮你检查是哪里出了问题。
y也有三个值：top（上），center(中)，bottom(下)。用来设置垂直位置；两个属性值得中间一定要用英文的空格 ，隔开。
首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。
如何制作动态幻灯片？
打开pptcss图片，首先点击主页面上方菜单栏中的“插入”，点击插入照片。然后点击上方菜单栏中的“动画”，接着点击“添加动画”。
运行WPS演示，系统会自动建立一个演示文稿。
打开制作PPT的软件，找到“幻灯片放映”。找到“自定义动画”，点击打开。打开自定义动画以后，在右边会出现自定义动画的窗格，包括添加效果、开始、属性等。
PPT。可以在网上下载的PPT模板，这样您的幻灯片就能添加动画css图片了，选择添加然后通过动画对象进行添加动画，还可以设置时间、方式等。
以制作图4中的“小从左向右循环游动为例进行介绍。第1步，在幻灯片中插入金龟动画，并将其移动到幻灯片的左下角。
css如何实现图片在div中垂直居中
前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来实现文字居中图片的制作。
首先如果p中只有一行文字，那么可以通过将lineheight属性和height属性的值设为一样来实现。
思路：利用text-align属性将图片水平居中，然后设置padding-top的值使其垂直居中。
解决水平居中的办法：如果图片左浮动并且display：inline时，只要给图片设置一个text-align：center属性，就顺利解决了水平居中。解决垂直居中的办法：使用display：table-cell和设置了display：inline-block的线合span。
第一种css代码如图所示。display设置成table-cell，text-align为center，垂直居中设置vertical-align为middle。打开浏览器查看结果，图片已处于正中状态。第二种方法css代码如图。
