在前端开发过程中，图片的展示是不可避免的。而在HTML中，要展示一张图片，我们需要使用标签来实现。但是在标签中，如何设置图片的路径呢？这就要使用CSS中的img src属性。该属性可以用来设置图片的路径，让网页正确地显示图片。下面是一段代码示例：

<img src="/post/images/pic.jpg" >

在这个例子中，"images/pic.jpg"是图片的相对路径，它告诉浏览器在哪里找到这张图片。如果图片文件不在当前HTML文档所在的文件夹中，路径就需要使用绝对路径。使用CSS中的img src属性，还可以轻松地处理多个不同尺寸的图片。我们可以通过CSS媒体查询来设置不同屏幕尺寸下使用不同的图片。例如：

@media only screen and (max-width: 600px) {img {src: url('images/mobile-pic.jpg');}}@media only screen and (min-width: 601px) {img {src: url('images/desktop-pic.jpg');}}

在这个例子中，我们使用@media查询来检测屏幕尺寸。如果屏幕尺寸小于或等于600像素宽，就使用移动设备专用的图片，否则就使用桌面设备专用的图片。总之，CSS中的img src属性是控制图片路径和展示的重要属性，通过灵活运用，可以实现更好的用户体验。