Label.cssはスタイルシート製のオープンソース・ソフトウェア(MIT License)です。 画像をぽんと貼っただけでは分からないこともちょっとしたキャプションで説明してあげるとぐっと分かりやすくなります。そんな処理を手軽に実現してくれるのがLabel.cssです。 例えばこれは左指定した場合。文字は左寄せです。 こちらは中央の場合。背景が半透明なのがいい感じです。 こちらは右上。文字のない部分は背景を消すこともできます。 右寄せ。文字列も右寄せになっています。 画像の上に載せるのではなく、枠外に出すこともできます。 画像からでは分かりませんが、アニメーションとしてマウスを載せたらラベルをフェードインさせたり、スライドしながら表示させることもできます。画像のキャプションを格好よく演出してくれそうです。Label.cssの使い方は簡単で、figureタグでimgタグを囲み、figure