総合トップ > サンプル

サンプル

ボタンサンプルです

<div class="btn_c"><a href="/">お申込みはこちら</a></div> <div class="btn_cl"><a href="/">お申込みはこちら</a></div> <div class="btn_m"><a href="/">詳しくはこちら</a></div> <div class="btn_rental"><a href="/">レンタルプランの場合</a></div> <div class="btn_b"><a href="/">購入プランの場合</a></div> <div class="btn_members"><a href="/">契約者ページはこちら</a></div> <div class="btn_1u"><a href="/">1U契約者様</a></div> <div class="btn_enterprise"><a href="/">Enterprise契約者様</a></div> <div class="btn_eserver"><a href="/">E-server契約者様</a></div> <div class="btn_renewal"><a href="/">更新手続きはこちら</a></div> <div class="btn_excel"><a href="/">ルミーズお申込書EXCEL版</a></div> <div class="btn_pdf"><a href="/">ルミーズお申込書PDF版</a></div>
divのclass【box_b】
中身dl構成
↑ソース
<div class="box_b">
<dl>
<dt>divのclass【box_b】</dt><dd>中身dl構成</dd>
</dl>
</div>

divのclass【box_b】の中身が<dl>タグで構成しない場合、ソースは
<div class="box_b">
<div class="box_top"><hr /></div>
<div class="box_middle">てきすとてきすとてきすと</div>
<div class="box_bottom"><hr /></div>
</div>
となる。下記の【box_p】、【box_y】も同じように出来る。

divのclass【box_p】
中身dl構成
divのclass【box_y】
中身dl構成
divのclass【box_gray】
中身dl構成

pのclass【p10】padding:10px;指定
class【box_○○】の中で、【box_top】【box_bottom】を使って上下枠ができる。

この中のソースは、
<div class="box_gray">
<div class="box_top"><hr /></div>
<p class="p10">pの中身</p>
<div class="box_bottom"><hr /></div>
</div>
となる。


pのclass【t-l】左寄せ

pのclass【t-c】中央寄せ

pのclass【t-r】右寄せ

pのclass【fs-16】フォントサイズ16px相当指定

pのclass【fs-14】フォントサイズ14px相当指定※標準

pのclass【fs-12】フォントサイズ12px相当指定

pのclass【fs-10】フォントサイズ10px相当指定

pのclass【fs-08】フォントサイズ 8px相当指定

pのclass【fw-b】太字フォント指定

pのclass【fc-red】文字色に赤指定

spanのclass【db】display:block; ブロック指定