画像にキャプションを付ける では em 要素を使ってキャプションを付けましたが、ここでは疑似要素を使った方法を紹介します（画像の下にキャプションを付ける場合は、素直に em 要素を使ったほうがよいと思います）。
HTML
補足
- キャプションの文字列は span.frame-img 要素の独自データ属性 data-caption で指定します（img 要素には疑似要素を付けられないようなので、ここで指定しています）。
CSS
補足
- 疑似要素 after のcontent プロパティの値に、独自データ属性 data-caption を指定しています。