ホームページ作成で使える小技：無料でホームページを作成する方法！

　　　

HOME　|　無料フォント　|　無料素材　|　無料壁紙　|　無料テンプレート　|　無料Javascript　|　プロ並みのホームページ作成方法　|　無料ホームページ制作　|　日本語Wordpressテーマ　|

レンタルサーバー比較

HOME > HTML & CSSパーツ > テーブルボタンサンプル > テーブルボタンサンプル2

テーブルボタンサンプル２

　ホームページには必ずボタンを使うと思うのですが、画像ではなく

　タグだけで、画像のような効果があるので作成の手間も少なくて済みますし、

　初心者の方でも、下記のサンプルソースをご自身のホームページに貼りつけるだけで

　すぐにフェードのように滑らかに、ロールオーバーするボタンを挿入できます。

設置方法

　width=ボタンの横幅　　　　　　　　　　　　　　　　　　　height=ボタンの高さ

　bgcolor=ボタンの背景色　　　

　onmouseover=マウスが上に来た時の背景色　　　　onmouseout=マウスがボタンから離れたときの背景色

　colorで文字の色の指定　　　　　　　　　　　　　　　　　font-sizeでボタンの文字の大きさの指定

　href="ここにリンク先URL(ファイル名)を入れて下さい"

ブルーボタンサンプル　　　　　コピーしてご利用ください！

1

2

3

4

5

<table border="0">
              <tbody>
                <tr>
                  <td width="25" height="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tr><td bgcolor="#000099" align=center >
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td></tr></table></td>
                </tr>
              </tbody>
            </table>

1

2

3

4

5

<table border="0">
              <tbody>
                <tr>
                  <td width="25" height="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tr><td bgcolor="#000099" align=center >
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td></tr></table></td>
                </tr>
              </tbody>
            </table>

1

2

3

4

5

<table border="0">
              <tbody>
                <tr>
                  <td width="25" height="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tr><td bgcolor="#000099" align=center >
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td></tr></table></td>
                </tr>
              </tbody>
            </table>

1

2

3

4

5

<table border="0">
              <tbody>
                <tr>
                  <td width="25" height="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tr><td bgcolor="#000099" align=center >
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td></tr></table></td>
                </tr>
              </tbody>
            </table>

1

2

3

4

5

<table border="0">
              <tbody>
                <tr>
                  <td width="25" height="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #0033ff;">
<tr><td bgcolor="#99ffff" align=center onmouseover="this.style.background='#0033ff'" onmouseout="this.style.background='#99ffff'">
<a style="color:#000099;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td></tr></table></td>
                  <td width="1"></td>
                  <td width="25"><table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tr><td bgcolor="#000099" align=center >
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td></tr></table></td>
                </tr>
              </tbody>
            </table>

　

グレーボタンサンプル　　　　　コピーしてご利用ください！

1

2

3

4

5

<table border="0">
              <tbody>
                <tr>
                  <td width="25" height="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tbody>
                                  <tr>
                                    <td bgcolor="#333333" align="center">
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                </tr>
              </tbody>
            </table>

1

2

3

4

5

<table border="0">
              <tbody>
                <tr>
                  <td width="25" height="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tbody>
                                  <tr>
                                    <td bgcolor="#333333" align="center">
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                </tr>
              </tbody>
            </table>

1

2

3

4

5

<table border="0">
                    <tbody>
                      <tr>
                        <td width="25" height="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                        <td width="1"></td>
                        <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                        <td width="1"></td>
                        <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tbody>
                                  <tr>
                                    <td bgcolor="#333333" align="center">
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                        <td width="1"></td>
                        <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                        <td width="1"></td>
                        <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                      </tr>
                    </tbody>
                  </table>

1

2

3

4

5

<table border="0">
              <tbody>
                <tr>
                  <td width="25" height="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tbody>
                                  <tr>
                                    <td bgcolor="#333333" align="center">
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                </tr>
              </tbody>
            </table>

1

2

3

4

5

<table border="0">
              <tbody>
                <tr>
                  <td width="25" height="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">1</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">2</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">3</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #666666;">
<tbody>
                                  <tr>
                                    <td bgcolor="#e7e7e7" align="center" onmouseover="this.style.background='#999999'" onmouseout="this.style.background='#e7e7e7'">
<a style="color:#111111;text-decoration:none;font-size:12px;width:100%;" href="#">4</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                  <td width="1"></td>
                  <td width="25">
                              <table border="0" cellspacing="0" cellpadding="2" width="25" height="25" style="border:thin ridge #999999;">
<tbody>
                                  <tr>
                                    <td bgcolor="#333333" align="center">
<a style="color:#ffffff;text-decoration:none;font-size:12px;width:100%;" href="#">5</a>
</td>
                                  </tr>
                                </tbody>
                              </table>
                              </td>
                </tr>
              </tbody>
            </table>

　【外部サイト】

	CSS box(ボックス)サンプル
	CSSを使って装飾したbox(ボックス)のサンプルを紹介しています。

	CSS table(テーブル)サンプル集
	CSSを使ったtableのサンプルを多数公開しています。コピペで貼り付けて簡単に利用できます。

	Google PageRank UP！
	SEO対策で重要な要素である、Google PageRankを上げる方法を紹介しています。

	bing SEO対策の裏ワザ
	以外に知られていない、検索エンジンbingのSEO対策の方法を公開。

お気に入りに追加

　【PR】

【黄金の投資術サヤ取り】無料メルマガ登録

サラリーマン・ＯＬでも出来る不動産投資セミナー

在宅でのデータ入力！求人募集！

ＳＯＨＯ専門求人サイト！希望の仕事探し登録！

ページランク3～5！SEOに大変役立つオールドドメイン

無料ＳＥＯツールが使い放題！ＡＳ-ＴＯＯＬＳ

無料セキュリティソフト！PCが重くならない！

カテゴリメニュー

	HTML & CSSパーツ
	CSSで装飾した見出しサンプルテーブルボタンサンプル →　テーブルボタン2 CSS box(ボックス)サンプルテキストエリアボックスインラインフレームサンプル CSS table(テーブル)サンプルサイドメニュー(縦並び)サンプルメニューボタン(CSS)サンプル

Web作成に便利なサイト
	フォントがホームページを変える
	ホームページ無料素材配布
	CSS table box 作成講座
	Javascript無料サンプル集
	ホームページテンプレート無料
	Wordpress無料テンプレート
	プロ並みのホームページが作れる
	Google SEO対策！徹底解説
	ホームページ作成無料ツール
	簡単レンタルサーバー比較
	ホームページ作成費用無料！

オススメサイト

	美少女写真毎日更新！Dear Girls
	SEO・WebデザインブログKOBOTAKE
	自動相互リンクでSEO対策

Copy Right(C)2011　無料でホームページを作成する方法！Ａll rights reserved.