MB-Support

パソコン初心者のサポートページ

表(テーブル)の枠の太さを変更する方法 table border

 表(テーブル)要素に border (ボーダー) を指定しない場合は、枠が表示されないため、視覚的に表とは判断できません。


表(テーブル)の枠を表示するには、border="1" をテーブル要素に追加します。0 はデフォルトで枠は表示されません。数字を大きくすると、枠が太くなります。



HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
 <table border="0">
  <tr>
   <td width="200">ホームズの思い出</td> 
   <td width="200">ホームズの事件簿</td>
  </tr>
 </table><br>
 <table border="5">
  <tr>
   <td width="200">ホームズの思い出</td> 
   <td width="200">ホームズの事件簿</td>
  </tr>
 </table><br>
 <table border="10">
  <tr>
   <td width="200">ホームズの思い出</td> 
   <td width="200">ホームズの事件簿</td>
  </tr>
 </table><br>
 <table border="20">
  <tr>
   <td width="200">ホームズの思い出</td> 
   <td width="200">ホームズの事件簿</td>
  </tr>
 </table>
</body>
</html>

ブラウザ

他のスタイルシートによる誤りを防ぐために、インラインフレームでサンプルを取り込んで表示しています。 iframe をサポートするブラウザでアクセスします。

サンプルに直接アクセスする


応用編 表の枠線を無くして、表題やチャプターとして使用します

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
 <table border="0" width="400" bgcolor="#fffacd">
  <tr>
   <td width="400">ホームズの思い出</td> 
  </tr>
 </table>
</body>
</html>

ブラウザ

他のスタイルシートによる誤りを防ぐために、インラインフレームでサンプルを取り込んで表示しています。 iframe をサポートするブラウザでアクセスします。

サンプルに直接アクセスする




戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項