CSS table(テーブル)サンプル：無料でホームページを作成する方法！

HOME > HTML & CSSパーツ > CSS table(テーブル)サンプル > CSS table(テーブル)サンプル１

CSS table(テーブル)サンプル１

　ホームページ作成で必ず使うテーブルのサンプルです。

　コピーして貼り付けるだけで、面倒なタグを一から入力しなくても、簡単にホームページに挿入できます。

table(テーブル)のサンプル

商品名

ここに商品の説明を書きます。
ここに商品の説明を書きます。
ここに商品の説明を書きます。

詳細を見る

設置方法

設置場所に以下をコピーして貼り付けて下さい。

HTML記述例

<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>

　　スタイルシートで作成したテーブルのサンプルはこちらで紹介しています　>>　テーブルサンプル

　　コピペで使えるので初心者の方でも簡単に複雑なテーブルを作成することが出来ます。

　【外部サイト】

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

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

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

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