【サンプル】ページデザイン
class=”text1″ font-size 22px
class=”text2″ font-size 18px
class=”text3″font-size 18px
class=”text4″font-size 18px
class=”text3_m”font-size 16px
class=”textBold” テキストが太くなります
ボタンソース
<p class=”textBnr”><a href=”#”>ボタン</a></p>
ボタンソース
<p class=”textBnr_l”><a href=”#”>長めのボタン</a></p>
ボタンソース
<p class=”textBnr_ll”><a href=”#”>もう少し長めのボタン</a></p>
class=”line_a2″ 赤い下線”
class=”line_a2″ 青い下線
class=”title1″font-size 22px 左にラインが入ります。
class=”title3″
class=”title3_1″
class=”title3_2″
class=”title3_3″
class=”title4″
↓div class=”textBox” textboxでくくった部分は左側に空白ができます。
div class=”bg_1″
一度pで閉じると下にマージンが発生します。文章の下に1段空ける時に使って下さい。
pテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
div class=”bg_2″
pテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
div class=”bg_3″
<p class=”p_no”>pについているデフォルトのマージンがなくなります。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
class=”title_img”
↑div class=”textBox”
<table class=”table0″> 横幅いっぱいに幅が広がります
th タイトル部分 | td 内容部分 |
---|---|
テキスト | テキストテキスト |
<table class=”table1″>一番長い文章に合わせて幅が広がります。/p>
th タイトル部分 | td 内容部分 |
---|---|
項目を一段増やす時は、<tr>〜</tr>までをコピーして | <table>〜</table>の中に入れて下さい |
リンクを制作する時は、以下のソースをコピーして使用して下さい。