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邊框半徑在框的所有邊上都不是相同的曲線

回答

相關問題