为什么角落四舍五入？

Question

我有一个我正在创建博客帖子的网站的一部分，但由于某种原因，内容显示位置的角落是四舍五入的。我不知道问题是什么。我已经尝试编辑边框和填充，但角落仍然是圆角。这是我正在谈论的JsFiddle。

Answer 1

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

这三行代码会导致圆角。如果你不想要圆角，请将它们移除。

Answer 2

从你的css中移除钻孔半径：

.topcontent {
    background-color:#EBEBEB;
    padding: 2% 3%;
    margin-top: 0px;
}

.bottomcontent {
    background-color:#DFDFDF;
    padding: 2% 3%;
    margin-top: 0px;
}

Answer 3

嗯......你确实设置了border-radius: 5px; ......我在这里错过了一些东西吗？

Answer 4

两个CSS类声明都包含这个不祥的片段。 ;）

border-radius: 5px;