html - CSS border-radius 属性不起作用

标签 html css image tumblr

<分区>

我在 Tumblr 上运行我的网站。我刚刚添加了 CSS Border-Radius 属性并将其设置为 20px 用于所有具有特定 ID 的图像。然而,如您所见,图像右侧的 Angular 没有正确圆 Angular ,但左侧 Angular 是。

CSS 代码如下所示:

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

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

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

最佳答案

尝试更改边距的填充:

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

关于html - CSS border-radius 属性不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31054657/

上一篇:javascript - 如何使 iframe 响应全高和全宽

下一篇:javascript - 如何从具有某些 ID 的外部 div 访问图像标签?

相关文章:

javascript - 在 div 中查找特定字符串并删除其 html 元素

jquery - 包裹在 div 中时不显示图像

javascript - 如何在堆栈布局中创建 slider

html - CSS Transition 不适用于空白 : nowrap and text-overflow: ellipsis when hover

php - Laravel Autoprefixer 不能在 webpack 中工作

html - 使用 <picture> 元素防止在移动浏览器中加载标题背景图片

javascript - 为什么请求接受: */* when the browser is asking for a javascript file?

html - 如何在显示 : none? 后使用类来显示特定元素

java - 从 Java (JFrame) 包中加载图像

html - Web 浏览器中的图像略微模糊。如何禁用它?