画像を使わずにCSSだけで作る簡単なアイコン（丸、三角、四角）｜アド･エータイプ スタッフブログ

ホームページを制作する際にアイコンを使用して構築することは多くあると思います。 簡単なアイコンであれば画像を使わなくてもCSSだけでも作成することができます。 画像をあまり使いたくない場合などに良いかもしれないです。 今回は、丸、三角、四角などの簡単なアイコンを画像を使わずにCSSだけで作る方法をご紹介します。 CSSで簡単なアイコンの作成 それぞれのCSSの記述例を記載します。 丸のアイコン .circle { display: inline-block; width: 50px; height: 50px; background: #67A6EB; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 5