画像付きのブロックメニュー

<li>
<div class="pict"><a href="/"><img src="http://dummyimage.com/200x60/CCC/FFFFFF" /></a></div>
<div class="text">
<p>テキストが入ります。テキストが入ります。テキストが入ります。</p>
<div class="detail"><a href="/">○○の詳細へ</a></div>
</div>
</li>

使い方

画像・文章・「~の詳細へ」の3つから成るブロックメニューです。li要素1つだけなので繰り返しペーストしてご利用下さい。

ページの先頭へ戻る