在HTML页面设计中，引入图片通常有两种方式：通过CSS样式和使用img标签。CSS引入允许自由调整大小并可能重复显示，适合需要背景图片的情况。而img标签则简单直接，提供错误提示功能，并能保持图片原有比例。了解这两种方法的优势有助于选择合适的图片展示方式。
我们使用DW设置网站时，避免不了要引入图片，在HTML中有两种方式都可以引入：
方法一：通过CSS样式引入；方法二:通过img标签。两种方式都可以引入图片，但是它们都各有各的优势，下面会分开介绍
法一：通过CSS样式引入图片时需要设置图片的宽度和高度，如果设置的宽度和高度大于图片原始的宽度和高度，那么图片 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 将会显示全部并且按照比例会重复，但是这样的好处就是有时需要设置重复时就不用一张一张放上去，比img要自由一点，如图1；如果设置的宽度和高度小于图片原始的宽度和高度，那么图片将会显示比例对应的一部分，这样的图片就非常的不好看，如果想要看起来顺眼一点就需要设置图片的（居中/靠右/靠左）显示，如图2。
图1
图2
法二：通过img标签引入图片，其实就是通过img自身的属性来控制图片的样式，它跟CSS相比，较简略，还有就是图片无法显示时它可以出现提醒功能，如图3；img标签还可以在标签内设置图片的样式，如宽度和高度，img设置的宽度和高度大于图片原始的宽度和高度时图片也不会重复显示，而是将原来图片的比例变大，如图4:
图3
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
