HTML テーブル CSSスタイル シミュレーション




↑カラーチャート
cellspacing=0 cellspacing=1 cellspacing=1
table background-color: #ffffff 固定
見出し 見出し
データ データ
データ データ
<table>cellspacing=0
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: none;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: none;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: none;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: none;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
BACKGROUND-COLOR: #FFFFFF;
<th> color: #FFFFFF;
border-style: none;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: none;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=0
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
BACKGROUND-COLOR: #FFFFFF;
<th> color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=0
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
BACKGROUND-COLOR: #FFFFFF;
<th> color: #FFFFFF;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=0
<table>border-collapse: collapse;
border-style: none;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: collapse;
border-style: none;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: collapse;
border-style: none;
border-width: 1px;
border-color: #A0A0A0;
BACKGROUND-COLOR: #FFFFFF;
<th> color: #FFFFFF;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=0
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: inset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: inset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: inset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: inset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
BACKGROUND-COLOR: #FFFFFF;
<th> color: #FFFFFF;
border-style: inset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: inset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=0
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: outset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: outset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
background-color: #A0A0A0;
<th> color: #FFFFFF;
border-style: outset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: outset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
見出し 見出し
データ データ
データ データ
<table>cellspacing=1
<table>border-collapse: separate;
border-style: solid;
border-width: 1px;
border-color: #A0A0A0;
BACKGROUND-COLOR: #FFFFFF;
<th> color: #FFFFFF;
border-style: outset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #00C0C0;
padding: 2px;
<td> color: #000000;
border-style: outset;
border-width: 1px;
border-color: #A0A0A0;
background-color: #E8F8FF;
padding: 2px;
inserted by FC2 system