0

編集：jsfiddle

下の図に示すように、上と左の境界線を丸くしようとしていますが、私のコードでは下と右側に破線が表示されます。border-right-widthまたはborder-bottom-widthを 0px に設定しても効果はありません。現在、私はこれを Chrome でのみテストしています。

CSS は次のとおりです。

border-top:10px solid #CC99CC;
border-left:5px solid #CC99CC;
border-top-left-radius:10px;
border-top-right-radius:5px;
border-bottom-left-radius:10px;

ここに画像の説明を入力

4

1 に答える 1

1

代わりに、ボーダー スタイルを #wrapper に適用します。

body { 
    background-color: #000;
}

#wrapper {
    border-top:10px solid #CC99CC;
    border-left:5px solid #CC99CC;
    border-top-left-radius:10px;
    border-top-right-radius:5px;
    border-bottom-left-radius:10px;
}

http://jsfiddle.net/rezv2/2/

于 2013-10-02T04:54:58.223 に答える