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

我想使表格的左上角和右上角的圓形，但應用以下代碼也會使左下角和右下角的圓形。任何想法如何解決它？CSS樣式：表格邊緣的曲率（僅限頂部）

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

來源

2013-02-26 Ting Ping

僅指定左上方和右上方：

-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是建立邊境半徑這樣一個有用的工具，快速。

來源

2013-02-26 10:52:02 Curt

感謝，將書籤這個鏈接。 – 2013-02-26 10:55:29

@TingPing沒問題。我覺得它非常有用。自從我找到它之後，我還沒有輸入邊框半徑CSS！ – Curt 2013-02-26 10:56:04

習慣了這種

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;

來源

2013-02-26 10:52:30

這也很整齊。 – 2013-02-26 10:56:32

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

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;

來源

2013-02-26 10:52:55

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

-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;

來源

2013-02-26 10:53:02 grvpanchal

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

回答

相關問題