今回は、ワンランク上のCSSのテクニックを身につけるために、border-radius:9999px;をご紹介します。角丸をつくる際にこのテクニックを知っておくと、コンテンツの量に応じて角丸を柔軟にコントロールすることができます。また、シンプルな実装方法なのでコードのメンテナンス性も上がります。 一歩上のコーディングテクニックを学びたい人は必見です。 正円をつくる３つのパターンをおさらい CSSで正円を作る時には３つの方法があります。例として、横幅200px、縦幅200pxの正円を例に実装方法を紹介していきます。 固定の数値を記述する方法 一番、初心者向けでわかりやすいのがこの例です。200pxの大きさなので半径は100pxですので、border-radius: 100px; を記述して実現します。 <div style="width: 200px; height: 200px; back
