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

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

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

　　こちらは大変良く使うタイプのテーブルです。

　　複雑なタグを入力しなくても、コピーして貼り付けるだけで完了です。

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

会社名

サンプル商事

代表者

サンプル太郎

設　立

2011年4月

本店所在地

東京都品川区

従業員数

26名

売上高

20,000万円

主要取引先

サンプル企画、㈱サンプル

設置方法

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

HTML記述例

<table border="0" cellspacing="1" cellpadding="1">
<tbody>
<tr>
<td width="600" height="200" bgcolor="#999999">
<table border="0" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td width="200" height="40" bgcolor="#ccffcc" style="background-color : #ccffcc;" align="center">会社名</td>
<td width="400" bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="40"></td>
<td width="390" align="left">サンプル商事</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="40" bgcolor="#ccffcc" style="background-color : #ccffcc;" align="center">代表者</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="40"></td>
<td width="390" align="left">サンプル太郎</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="40" bgcolor="#ccffcc" style="background-color : #ccffcc;" align="center">設　立</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="40"></td>
<td width="390" align="left">2011年4月</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="40" bgcolor="#ccffcc" style="background-color : #ccffcc;" align="center">本店所在地</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="40"></td>
<td width="390" align="left">東京都品川区</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="40" bgcolor="#ccffcc" style="background-color : #ccffcc;" align="center">従業員数</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="40"></td>
<td width="390" align="left">26名</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="40" bgcolor="#ccffcc" style="background-color : #ccffcc;" align="center">売上高</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="40"></td>
<td width="390" align="left">20,000万円</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td bgcolor="#ccffcc" style="background-color : #ccffcc;" align="center" height="40">主要取引先</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="40"></td>
<td width="390" align="left">サンプル企画、㈱サンプル</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対策の方法を公開。