編集: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;