CSS边框半径在框的所有边上都不是相同的曲线

任何人都可以告诉我为什么，如果我使用边框半径：10px它不会将所有边缘都放在一起？CSS边框半径在框的所有边上都不是相同的曲线

#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，这些都非常相似，但是当我的网页上显示时，我使用了他们每个人两次.....如果这有所作为。

感谢您的帮助。

来源

2011-11-28 ragebunny

测试HTTP： //jsfiddle.net/cwVez/。似乎在所有方面看起来都一样（我添加了一个bg颜色，因为我没有你的图像。）任何方式，我们可以看到你的错误？ – SamGoody

http://jsfiddle.net/wQFZb/ - 对我来说所有的边框看起来都是一样的 –

您提供的CSS完全适合我，所以它可能是一个冲突，当你有它的生活。你有链接吗？另外，如果portfolio1，portfolio2和portfolio3都使用'id'设置样式，那么它们在页面上必须是唯一的。改用'class'。 – CherryFlavourPez

如果你想使所有的边缘一轮10px的那么你就需要把它这么复杂（指定topright，左上等）

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

Here's a very useful tool you can use.

来源

2011-11-28 12:30:38 Zhianc

CSS边框半径在框的所有边上都不是相同的曲线

回答

相关问题