表に罫線を付ける

border　　border-collapse　　padding

すでに border 属性で表に罫線をつけていますが、スタイルシートの border プロパティを
使えば、線の色や種類を自由に指定することが出来ます。
border プロパティで表に罫線を表示するには、それぞれ次の要素を
セレクタに指定します。

セレクタ 罫線が引かれる対象
<table>要素 表の外側
<th>要素 表の「項目名」のセルの周囲
<td>要素 表の「データ」のセルの周囲

単純に表の全てに同じ罫線を付けるには、<table>,<th>,<td> の３つの要素に
border プロパティを指定します。複数の要素に纏めてスタイルを適用するには、
カンマ「, 」で区切って要素名を記述します。
ここでは、表のすべてに ２ピクセルの罫線を付けます。
＊なお、スタイルシートで罫線を指定した場合は、<table> タグの border 属性は削除します。
border の指定方法によっては、border 属性と border プロパティの両方が
重なって表示されることが有ります。

****これより上略****
<style type="text/css">
<!--
body {
　　margin-left:15%;
　　margin-right:15%;
　　color:#000000;
}
h1 {
　　font-size:42px;
　　color:#993333;
}
table,th,td{
　　border: 2px solid #808080;
}
-->
</style>

</HEAD>
<body bgcolor="" text="#000000" link="#0000cc" vlink="#ff00ff" alink="#ff0000">

<h1 align=center>表（テーブル）を作る</h1>
<P align="center"><BR>
<B>◆　洋紙寸法及び面積</B></P>
<CENTER>
<TABLE border="1">
<CAPTION><FONT size="+1"><B>日本工業規格紙の仕上げ寸法</B></FONT></CAPTION>
****これより下略****


（画面クリックでWEB上のサイズを見てください。）