流体设计 - 边界半径：img上的10px

Question

我正在使用DW：CC，使用流畅的设计布局。我有一个main_image，并希望在图像上四舍五入。这是我到目前为止所尝试的内容：

<article class="fluid main_image hide_mobile">
    <img src="images/placeholder 3 to 2.jpg" alt=""/>
</article>

CSS：

.main_image {
    margin-top: 10px;
    border-radius: 10px;
}
.main_image img{
    overflow: hidden;
}

提示？

Answer 1

您只需将边框半径应用于<img>。

.main_image img{
    overflow: hidden;
    border-radius: 10px;
}