CSS圓角邊框

我有一個表格，我想繞過您在下面看到的邊框的角落。我希望勾畫表格的邊界能夠相遇和圓整。CSS圓角邊框

我已經嘗試了邊界半徑的方法，但它產生的這種。它圍繞着容器，這是我不想要的。

我也採取了看看CSS border-style屬性，但它不沒有爲邊界的圓交叉的選項。如果任何人都可以提供幫助，那將非常感謝！

編輯

我已經創建了我的HTML和CSS一個JSFiddle。

2013-12-07 Ilan Biala

請附上您的HTML/CSS –

有一個鏈接呢？ – j0hnstew

當然這只是容器上的「border-radius」？ –

因爲標籤移除的第一個角球。這裏有一個FIDDLE

.tab-content { 
    border-radius: 0 30px 30px 30px; 
    -moz-border-radius: 0 30px 30px 30px; 
    -webkit-border-radius: 0 30px 30px 30px; 
}

2013-12-07 19:10:25 mdesdev

感謝您的回答，我忘記了'.tab-content'，很好！ –

不客氣;） – mdesdev

雖然將border-radius添加到您的容器中，但也請將其填寫到表格中。 :)

2013-12-07 18:25:41

我不想要一個圓角，我希望邊框有一個圓形的交叉點。 –

請你詳細說一下'圓形十字路口'嗎？ –

我希望邊框具有邊框半徑，而不是元素。邊框本身的角落應該四捨五入，看起來像這樣http://www.teddybearpools.com/plugin_assets/helpers/images/mce/3_radiusmeasure.gif。 –

你想要的是：

.tab-content{ 
    -webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px; 
}

2013-12-07 18:35:24 Aditzu

回答