基金訓練に行ってきました。(52日目その１)

• CSSの例は下記のとおりです。
  table {
  border: none;
  border-collapse: collapse;
  width: 300px;
  border-color: #000000;
  }
  th {
  width: 120px;
  border: solid 1px #000000;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  }
  td
  {
  border: solid 1px #000000;
  padding: 8px;
  }
• HTMLの例は、下記のとおりです。
  <table>
  <tr>
  <th>teble-layout</th>
  <td>表組みをレイアウト表示する際の方法を指定するプロパティ。</td>
  </tr>
  <tr>
  <th>table-callapse</th>
  <td>表組みの枠の表示モデルを指定するプロパティ。</td>
  <tr>
  <th>border-spacing</th>
  <td>表組みの枠を分離表示した場合の、各セルのボーダー感覚を
  指定するプロパティ。</td>
  </tr>
  </tr>
  </table>

※paddingを設定して、セル内の文字と罫線の隙間を空けたほうが見栄えがよい。