html - 流体设计 - 边框半径 : 10px on an img

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;
}