0

DIVをネストせずに二重の丸い境界線を作成できるかどうか疑問に思いました。

ここで私の例を参照してください：http：//jsfiddle.net/eXDjL/

最初のボックスは丸みを帯びていますが、oulineは正方形のままです。2番目のボックスには丸みを帯びた角はありませんが、境界線がどのように表示されるかを示しています。

あることは知ってい-moz-outline-radius propertyますが、他のブラウザには何かありますか？

そうでなければ、私は2つのdivに固執すると思います。

4

1 に答える 1

1

さまざまな色の境界線を模倣するには、次を使用できますbox-shadow-http ://jsfiddle.net/eXDjL/3/

.genyx_content_full {
    background-color:#f7f7f7;
    border: #fff 1px solid;
    padding: 10px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 0px 1px #dedede;
}
于 2012-07-03T15:02:04.790 に答える