・装飾③セルの装飾（スタイルシート）
４つに分かれているテーブル
１段目の
左側 |
１段目の
右側 |
２段目の
左側 |
２段目の
右側 |
次は、スタイルシートを使用したその他の装飾タグを紹介します。
（スタイルシートって何？と思った方は、
『装飾ができるタグなんだろ～なぁ～。』
ぐらいでいいんじゃないでしょうか…。詳しく知っていたほうがもちろんいいと思うので、独学でお願いします（＾＾；）
それでは、テーブル枠は消さず、１段目の左側だけ装飾します。
| １段目の左側 |
１段目の
右側 |
２段目の
左側 |
２段目の
右側 |
このタグは
<TABLE border="1">
<TBODY>
<TR>
<TD width="150" height="100" style="font-size : 12pt;color : #ff0080;background-color : #ffe1f0;border-width
: 3px 3px 3px 3px;border-style : double double double double;border-color
: #ff0080 #ff0080 #ff0080 #ff0080;">１段目の左側</TD>
<TD style="FONT-SIZE: 10pt" vAlign=center align=middle>１段目の<BR>右側</TD>
</TR>
<TR>
<TD style="FONT-SIZE: 10pt" vAlign=center align=middle>２段目の<BR>左側</TD>
<TD style="FONT-SIZE: 10pt" vAlign=center align=middle>２段目の<BR>右側</TD>
</TR>
</TBODY>
</TABLE>
となっています。
では説明です。
style="
font-size
: 文字の大きさpt;
line-height : 行間pt;
color : #文字の色;
background-color :
#セルの背景色;
border-width : 線の太さpt 線の太さpt 線の太さpt 線の太さpt;
border-style : 線の種類 線の種類 線の種類 線の種類;
border-color : #線の色 #線の色 #線の色 #線の色;
となっています。
また、下記のようなものも指定できるので、やってみてください。
word-spacing : ワード間pt;
letter-spacing : 文字間pt;
vertical-align : 垂直位置%;
text-align : 水平位置;
text-indent : インデントpt;"
※線の種類※
実線にする場合は：solid
点線にする場合は：dotted
破線にする場合は：dashed
二重線にする場合は：double
などです。
いろいろいじって、装飾してみてください。
ちなみに、これは、<TD>だけではなく、<FONT>や<BODY>、<TABLE>、<INPUT>など様々なタグにも使えます。
↓タグです