4

この質問は他では見たことがありません。誰かが助けてくれることを願っています。太い境界線を持つ div コンテナーがあります。端を丸くすると、すべての端が丸くなり、境界線だけが丸くなり、元のボックスが正方形のままになることを期待していました. 画像は使いたくありません。純粋な CSS のままにしておきたいのです。前もって感謝します!:)

#dashboard {
margin: 0 auto 53px;
max-width: 100%;
background-color: white;
background-radius: 10px;
border: 30px solid black;
padding: 0px 20px 0px 20px;

border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;

-moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 0px;
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
}
4

1 に答える 1

4

ネストされた 2 つの div を使用し、どちらも丸めます。ラップのパディングでボーダーをシミュレートします。

ここにフィドルがあります

于 2012-01-13T19:34:40.527 に答える