画像の角丸　HTML CSS

2023年6月2日 /

HTMLでCSSを使用して
画像を角丸にする備忘録です。

.roundimg {
    border-radius: 35px; /*角丸 */
}

上記のをリンクしているCSSに書き込みます。
名前は適宜好きなものに変更してください。

CSSに記載できましたら
imgにclassを記載しましょう。

<img src="image.jpg" alt="image.jpg" class="roundimg">

上記記載例です。
このように簡単に丸くなるんですね。

備忘録でしたw