賢威6.1　装飾タグ一覧　by サトシ




【チェックリスト】
<ul class="checklist">
<li>チェックリスト</li>
<li>チェックリスト</li>
<li>チェックリスト</li>
</ul>




【ランキング】
<ol class="ranking">
<li class="no01">
<p class="item-name">ランキング1位</p>
</li>
<li class="no02">
<p class="item-name">ランキング2位</p>
</li>
<li class="no03">
<p class="item-name">ランキング3位</p>
</li>
<li class="no04">
<p class="item-name">ランキング4位</p>
</li>
<li class="no05">
<p class="item-name">ランキング5位</p>
</li>
</ol>




【アイコンを表示】
<p class="caution1">CHECK1！チェック1！</p>
<p class="caution2">CHECK2！チェック2！</p>
<p class="caution3">CHECK3！チェック3！</p>
<p class="caution4">POINT4！ポイント4！</p>
<p class="caution5">CHECK5！チェック5！</p>
<p class="caution6">POINT6！ポイント6！</p>
<p class="caution7">注意7！</p>
<p class="caution8">注意8！</p>
<p class="wakaba">初心者</p>
<p class="mail">メールアイコン</p>
<p class="pdf">PDF</p>
<p class="rss">RSS</p>
<p class="zip">ZIP</p>




【hタグ】
<h3>h3タグの表示例</h3>
<h4>h4タグの表示例</h4>
<h5>h5タグの表示例</h5>




【文字色】
<span class="red">赤い文字</span>
<span class="blue">青い文字</span>
<span class="aqua">水色の文字</span>
<span class="navy">紺色の文字</span>
<span class="green">緑の文字</span>
<span class="yellow">黄色の文字</span>
<span class="orange">オレンジ色の文字</span>
<span class="pink">ピンクの文字</span>
<span class="purple">紫の文字</span>
<span class="olive">黄土色の文字</span>
<span class="lime">黄緑の文字</span>
<span class="gray">灰色の文字</span>
<span class="black">黒い文字</span>




【文字に蛍光の背景色】
<span class="box-red">赤色の蛍光背景色</span>
<span class="box-aqua">水色の蛍光背景色</span>
<span class="box-yellow">黄色い蛍光背景色</span>
<span class="box-gray">灰色の蛍光背景色</span>