[CSS] 文字の前後に固定で文字を追加する

文字の前後に固定で文字を追加するには、
:before疑似クラス または:after疑似クラスを使用します。

サンプル

前に追加したい場合は「:before」、後ろに追加したい場合は「:after」を使用します。

【結果】

山田

備考

• 画像を指定することも可能です。
  （例）画像「hoge.gif」を指定する
  　content:url(hoge.gif);