みかづきブログ その3

3ヶ月つづけてみました。

border-radiusを若干楕円にする

/ で区切って数値を複数渡すことで楕円を描画できます。

CSS

.box {
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    margin: auto;
    border-radius: 20px / 30px;
    width: 200px; height: 150px;
    background: #3e3e3e;
}

HTML

<div class="box"></div>

DEMO