表の様々なスタイル

今までの作成方法のほかにも font-size プロパティや font-famiry プロパティを使って、
セルの文字サイズやフォントを変更することも出来ます。
また、<caption> 要素をセレクタに追加することで、表のキャプションスタイルも
自由に変更することが出来ます。

****これより上略****
<style type="text/css">
<!--
body {
　　margin-left:15%;
　　margin-right:15%;
　　color:#000000;
　　background-color: #ff0000;
}
h1 {
　　font-size:42px;
　　color:#993333;
}
table,th,td{
　　border: 2px solid #808080;
　　padding: 5px;
　　border-collapse:collapse;
　　background-color: #ffffff;
}
th {
　　background-color: #993333;
　　color: #ffffff;
　　font-size:18px;
　　font-family: sans-serif;
}
td {
　　background-color: #ffffff;
　　color: #330000;
　　font-size: 16px;
　　font-family: serif;
}
caption {
　　color: #660000;
　　font-size: 22px;
　　font-family: sans-serif;
}
-->
</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>
<CAPTION><FONT size="+1"><B>日本工業規格紙の仕上げ寸法</B></FONT></CAPTION>
****これより下略****


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