CSS樣式：表格邊緣的曲率（僅限頂部）

Question

我想使表格的左上角和右上角的圓形，但應用以下代碼也會使左下角和右下角的圓形。任何想法如何解決它？

/* sets the curvature of the box */ 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-o-border-radius: 10px; 

Answer 1

僅指定左上方和右上方：

-webkit-border-top-left-radius: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px; 

border-radius.com是建立邊境半徑這樣一個有用的工具，快速。

Answer 2

習慣了這種

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

Answer 3

您可以使用該屬性指定邊框的每個角落。它去如下：

border-radius: [top-left] [top-right] [bottom-left] [bottom-right] 

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

Answer 4

使用下面的代碼，它會工作

-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px; 
-webkit-border-top-left-radius: 10px; 
-webkit-border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px;