| HOME > HTML & CSSパーツ > CSS table(テーブル)サンプル > CSS table(テーブル)サンプル1 | |||||||||||||||||||||||||||
CSS table(テーブル)サンプル1 |
|||||||||||||||||||||||||||
| ホームページ作成で必ず使うテーブルのサンプルです。 | |||||||||||||||||||||||||||
| コピーして貼り付けるだけで、面倒なタグを一から入力しなくても、簡単にホームページに挿入できます。 | |||||||||||||||||||||||||||
table(テーブル)のサンプル |
|||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||
| 設置方法 | |||||||||||||||||||||||||||
| 設置場所に以下をコピーして貼り付けて下さい。 | |||||||||||||||||||||||||||
<table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="600" height="200" bgcolor="#999999"> <table border="0" cellspacing="1" cellpadding="0"> <tbody> <tr> <td width="600" height="200" bgcolor="#ffffff"> <table border="0"> <tbody> <tr> <td width="250" height="200" align="center"><img src="company-bl.jpg" width="180" height="167" border="0"></td> <td width="350"> <table border="0"> <tbody> <tr> <td width="350" height="30" align="left"><strong><a href="#">商品名</a></strong></td> </tr> <tr> <td height="130" valign="top" align="left">ここに商品の説明を書きます。<br> ここに商品の説明を書きます。<br> ここに商品の説明を書きます。</td> </tr> <tr> <td height="22" align="right"><table border="0" cellspacing="0" cellpadding="2" width="120" height="22" style="border:thin ridge #110000;"> <tr><td bgcolor="#660000" align=center onmouseover="this.style.background='#330000'" onmouseout="this.style.background='#660000'"> <a style="color:#ffffff;text-decoration:none;font-size:14px;width:100%;" href="#">詳細を見る</a> </td></tr></table></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> |
|||||||||||||||||||||||||||
| スタイルシートで作成したテーブルのサンプルはこちらで紹介しています >> テーブルサンプル コピペで使えるので初心者の方でも簡単に複雑なテーブルを作成することが出来ます。 |
|||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||


