CSS border-radius 属性不起作用

Question

我在 Tumblr 上运行我的网站。我刚刚添加了 CSS Border-Radius 属性，并将所有具有特定 ID 的图像设置为 20px。但是，正如您所看到的，图像右侧的角没有正确圆角，但左侧角是圆角。

CSS 代码如下所示：

#articleimage {
    float:left;
    padding-right: 10px;
    padding-bottom: 1px;
    width: 400px;
    border-radius:20px;
}

我已经确定问题是由右侧的填充引起的，但我需要该 CSS 属性。我怎样才能停止这种冲突？

查看截图：http : //i.stack.imgur.com/es0aa.png

Answer 1

尝试更改您的边距填充：

#articleimage {
    float:left;
    margin-right: 10px;
    margin-bottom: 1px;
    width: 400px;
    border-radius:20px;
}