CSS图片放进iMac效果是网页设计中比较常见的一种效果，它可以增加页面的美观性并且能够吸引用户的注意力。这里我们将介绍如何使用CSS将图片放进iMac的效果实现。

<div class="imac">
<div class="screen">
<img src="image.jpg" alt="image">
</div>
<div class="base">
<div class="foot"></div>
<div class="leg"></div>
<div class="stand"></div>
</div>
</div>

首先，我们需要创建一个包含图片的iMac。我们可以在HTML中使用div元素创建一个iMac，并且将图片放在iMac的屏幕中。

其次，我们需要使用CSS样式将图片放置在iMac的屏幕中。为了实现这个效果，我们需要设置屏幕的宽度和高度，并将图片的宽度设置为100%。我们还可以使用内边距和居中来调整图片的位置。

.imac {
width: 500px;
height: 400px;
position: relative;
margin: 50px auto;
}
.screen {
position: relative;
width: 80%;
height: 80%;
margin: 10% auto;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.screen img {
width: 100%;
height: auto;
padding: 50px;
box-sizing: border-box;
display: block;
}

最后，我们还需要为iMac添加一些基本的样式，例如脚、底座和支架。这些元素可以使用CSS样式设置大小和颜色，并通过定位来控制它们的位置。

这就是使用CSS将图片放进iMac的效果实现的方法。通过按照以上的步骤进行设置和调整，我们可以创建出一个非常独特、美观的iMac风格的网页，提高页面的吸引力。