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

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

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

　　非常によく使う表のテーブルです。

　　コピーして貼り付けるだけでご利用できます。

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

弊　社

A　社

料　金

12,000円

15,000円

ポイント

あり

なし

カード決済

可能

一部プランのみ

更新料

無料

10,000円

会員数

10,000名

2,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 bgcolor="#99ff99" align="center" style="background-color : #99ff99;"></td>
<td bgcolor="#99ff99" style="background-color : #99ff99;" align="center">弊　社</td>
<td bgcolor="#99ff99" style="background-color : #99ff99;" height="30" align="center">A　社</td>
</tr>
<tr>
<td width="180" height="30" bgcolor="#e8ffe8" align="center">料　金</td>
<td width="210" bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190" align="left">12,000円</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;" width="210">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190">15,000円</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="30" bgcolor="#e8ffe8" align="center">ポイント</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190" align="left">あり</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190">なし</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="30" bgcolor="#e8ffe8" align="center">カード決済</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190" align="left">可能</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190">一部プランのみ</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="30" bgcolor="#e8ffe8" align="center">更新料</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190" align="left">無料</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190">10,000円</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="30" bgcolor="#e8ffe8" align="center">会員数</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190" align="left">10,000名</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190">2,000名</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="30" bgcolor="#e8ffe8" align="center">オプション</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190" align="left">追加無料</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190">有料</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td bgcolor="#e8ffe8" align="center" height="30">備　考</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190" align="left">その他</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#ffffff" style="background-color : #ffffff;">
<table border="0">
<tbody>
<tr>
<td width="5" height="30"></td>
<td width="190">その他</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対策の方法を公開。