1

丸い境界線を持つテーブルを作成しようとしていますが、下部のみです。私はこのCSSコーダーを使用しています：

#table_rounded_white{
            border-style: solid; 
            /*border-top-style: none;*/
            border-width: 1px;
            border-color: #8E8C8C;
            border-radius: 15px;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            background-color: #FFFFFF;
            padding: 10px;
        }

私が必要とするのは、上の境界線を丸めずに行うことです。

誰かがこれを行う方法についてアイデアを持っていますか?

ありがとうございました

4

1 に答える 1

5

各コーナーのすべての半径を定義するのではなく:

border-radius: 15px;
-moz-border-radius: 15px;

必要な半径のみを定義します。

-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;

スタイルをすばやく生成するための便利なツールを次に示します: http://border-radius.com/

于 2012-11-02T15:02:20.610 に答える