HTMLを勉強し始めた頃、画像を表示するときは何となくimgタグを使えばいいと思っていました。 でも実際にコーディングを進めていくと、 「この画像ってimgタグで表示するべき？」 「それともbackground-imageを使うべき？」 という疑問が出てきました。

今回は、CSSでサムネイル画像を描画する方法を、メモも兼ねていくつか紹介します。 段階を追って、divなどのブロック要素で縦横比率を守ったボックスを作る方法と、imgタグを使用した場合、ieに対応した場合、background-imgを使用した場合に、それぞれ内接 ...