CSS 样式 : Curvature of the table's edge (top only)

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是以这种方式创建边界半径的有用的快速工具。