Blog
ブログで学ぶUX
カテゴリ: Web制作の記事
CSSのみで吹き出しを作る方法
今回は画像を使用しなくても、CSSの疑似要素を使うだけで吹き出しを作成できる方法をご紹介します。 吹き出しの作成方法 borderプロパティと疑似要素::afterなどを組み合わせることで、CSSだけで吹き出しを作ることができます。 <div class="balloon"> <p>吹き出し</p> </div> HTMLを記述します。 .ba……
投稿日:
CSSスプライトとは？
サイトの読み込みを最適化するために「CSSスプライト」というものが使われることがあります。実際どのように使うのか理解しておくと、便利なこともあるかもしれません。今回はこのCSSスプライトについて紹介します。 CSSスプライトとは CSSスプライトは、サイトの読み込みを速くする目的で使われているCSSの技法です。具体的には、「サイト内の複数の画像をなるべく一枚の画像にまとめ、CSSで表示範囲を指定す……
投稿日:
