CSS content の使い方

ワードプレス・スクール 昨晩の授業からCSS contentの使い方のサンプルです。

Term
Description
Term
Description
次のようなCSS/HTMLで実現しています。

<style type="text/css">
<!-- .css-test dt:before { content:"BEFORE--- "; } .css-test dt:after { content:" ---AFTER"; } //--><br />
</style>
</p>
<div class="css-test">
<dl>
<dt>Term</dt>
<dd>Description</dd>
<dt>Term</dt>
<dd>Description</dd>
</dl>
</div>

About the author: 横浜ワードプレス教室 鎌田裕二