テーブルの罫線について

質問

HTMLの表でもWordやExcelの表罫線のような線を描きたいと考えているのですが、どなたかやり方を教えていただけないでしょうか。
よろしくお願いいたします。

回答No.2

noname#10926 · ベストアンサー

<TABLE border="1" cellspacing="0">
にすればよいと思いますがご希望に叶いますか。

３行２列の場合の例
<TABLE border="1" cellspacing="0">
<TBODY>
<TR>
<TD>1</TD>
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>4</TD>
</TR>
<TR>
<TD>5</TD>
<TD>6</TD>
</TR>
</TBODY>
</TABLE>

罫線に色を付ける場合は
スタイルシートを使います。

例
<TABLE border="1" cellspacing="0" style="border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : fuchsia fuchsia fuchsia fuchsia;">
<TBODY>
<TR>
<TD style="border-right-width : 1px;border-bottom-width : 1px;border-right-style : solid;border-bottom-style : solid;border-right-color : fuchsia;border-bottom-color : fuchsia;">1</TD>
<TD style="border-bottom-width : 1px;border-bottom-style : solid;border-bottom-color : fuchsia;">2</TD>
</TR>
<TR>
<TD style="border-right-width : 1px;border-bottom-width : 1px;border-right-style : solid;border-bottom-style : solid;border-right-color : fuchsia;border-bottom-color : fuchsia;">3</TD>
<TD style="border-bottom-width : 1px;border-bottom-style : solid;border-bottom-color : fuchsia;">4</TD>
</TR>
<TR>
<TD style="border-right-width : 1px;border-right-style : solid;border-right-color : fuchsia;">5</TD>
<TD>6</TD>
</TR>
</TBODY>
</TABLE>

お礼

スタイルシートのテクニックまでお教えいただき本当にありがとうございました。
早速活用できると思います。

回答No.1

MetalRack

ＨＴＭＬにエクセルを貼り付けること出来ますよ。
一度、試してみてください。

お礼

ありがとうございました。
質問が舌足らずですみません。
xmlをHTMLに変換する際のxslの記述の際に悩んでしまい質問してみました。
ただ、ご回答いただいたテクニックも知りませんでしたので今後活用させていただきたいと思います。