Question

任何人都可以告诉我为什么，如果我使用border-radius：10px它不会使所有边缘都相同吗？

#portfolio1
{

    background-image:url("images/bg.png");
    background-repeat: none;

    height: 150px;

    width: 300px;
    float: left;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:10px;
    margin-right:10px;  
    border-radius: 10px;
    /*border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;*/
    /*-webkit-border-radius: 20px;*/
}

注意我已经评论了几行css我尝试不同的东西。我似乎如果我对左右边缘的各个边界值不同，它看起来没问题，但仍然有问题。

与webkit一样。我正在使用chrome，也尝试使用firefox，但遇到了同样的问题。可能与我正在使用的保证金值有关吗？我也有投资组合1，投资组合2和投资组合3都非常相似，但当我在我的网页上显示时，我每次都使用它们两次......如果这有所不同。

感谢您的帮助。

Answer 1

如果你想让所有边缘都以10px为圆，那么你就不需要让它变得如此复杂（指定顶部，顶部等）。

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

Here's a very useful tool you can use.

CSS边框半径在框的所有侧面都没有相同的弯曲

1 个答案: