ワードプレス・スクール 昨晩の授業から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>