2011年5月31日
サンプル
ボタンサンプルです
<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>
<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_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>
となる。
- ulのclass【list_arrow】
- リンクテキスト
- ulのclass【list_arrow2】
- リンクテキスト
- ulのclass【list_block】
- リンクテキスト
- ulのclass【list_check】
- リンクテキスト
- ulのclass【list_circle】
- リンクテキスト
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; ブロック指定2011年5月24日 « トップへ » 2011年6月 9日