トップページ > 【サンプル】ページデザイン

【サンプル】ページデザイン

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=”textBox_a

class=”title_img”

↑div class=”textBox”

<table class=”table0″> 横幅いっぱいに幅が広がります

th タイトル部分 td 内容部分
テキスト テキストテキスト

<table class=”table1″>一番長い文章に合わせて幅が広がります。/p>

th タイトル部分 td 内容部分
項目を一段増やす時は、<tr>〜</tr>までをコピーして <table>〜</table>の中に入れて下さい

リンクを制作する時は、以下のソースをコピーして使用して下さい。

表示される文言はここに記入して下さい