本文摘自PHP中文网，作者藏色散人，侵删。
css设置图片拉伸的方法：首先创建一个html页面；然后HTML页面中添加一个div标签，并在标签内部添加一个img图片标签；接着在div的标签中，直接书写css的样式；最后对图片设置高宽都是100%即可。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
打开vscode，创建一个html页面，用于演示css如何根据分辨率拉伸图片的设置。如果您没有vscode，使用其他html编辑器，甚至是文本文件都可以，只需要注意文件的后缀必须是.html
在测试页面的同级目录，添加一张演示图片，此处为了演示效果，图片的分辨率比较小
在测试页面中添加一个div标签，在标签内部添加一个img图片标签，设置图片的src地址为上一步添加的演示图片，在浏览器中打开这个测试页面，就可以看到图片呈现在了浏览器上
在div的标签中，直接书写css的样式，设置div的宽度为500像素，高度为300像素，边框为1像素的红色框。再次在浏览器中打开，就可以看到图片，并没有填满整个div的空间
【推荐学习：css视频教程】
相关阅读 >>
css如何设置表格边框间的距离？border-spacing属性的使用
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
