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" align="center">
<table border="0">
<tbody>
<tr>
<td width="230" height="30" align="left"><strong><a href="#">サンプル商品名</a></strong></td>
<td width="330" rowspan="2">
<table border="0">
<tbody>
<tr>
<td align="left" valign="top" height="29"></td>
</tr>
<tr>
<td width="330" height="125" align="left" valign="top">ここに説明を書いてください。<br>
ここに説明を書いてください。<br>
ここに説明を書いてください。ここに説明を書いてください。ここに説明を書いてください。ここに説明を書いてください。ここに説明を書いてください。ここに説明を書いてください。</td>
</tr>
<tr>
<td height="25" align="right"><a href="#">詳細を見る>></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="165" align="center"><img src="biyo3.jpg" width="165" height="158" border="0"></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対策の方法を公開。