- ベストアンサー
テーブルタグの線の引き方
二重枠線で外側を太くし、内側を細くする方法を教えて下さい。お願いいたします。
- rabennda-55
- お礼率100% (5/5)
- HTML
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートを使用すれば可能です。 <HTML> <HEAD> <STYLE> <!-- TD {border: 3px solid #000000;padding: 5px;} #S_Line {border: 1px solid #000000;} --> </STYLE> <META name="GENERATOR" content="IBM HomePage Builder 2000 V4.0.2 for Windows"> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD><FONT id="S_Line">あいうえお</font></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
その他の回答 (3)
- ao_
- ベストアンサー率33% (15/45)
あまりスマートではありませんが、コピペで見てみてください。 出来れば外部CSSが望ましいですね。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>テーブル</title> <style type="text/css"> <!-- table { border: 3px double #666666; } td.a { border-right: 1px solid #999999; border-bottom: 1px solid #999999; } td.b { border-bottom: 1px solid #999999; } td.c { border-right: 1px solid #999999; } --> </style> </head> <body> <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="a"> </td> <td class="a"> </td> <td class="b"> </td> </tr> <tr> <td class="a"> </td> <td class="a"> </td> <td class="b"> </td> </tr> <tr> <td class="c"> </td> <td class="c"> </td> <td> </td> </tr> </table> </body> </html>
お礼
お手数おかけしました。 参考になりました。たしかに長いんですけれど、 スタイルシートでこんなことできるんですね。 本当にありがとうございました。
- raynya
- ベストアンサー率36% (105/290)
#1です。 言葉足らずで済みませんでした。 #1で示したソースをテキストエディタに書き出してブラウザで表示していただければわかるはずですが、「外側の線を太く内側の線をを細く」なっているはずです。 ご希望のデザインとはイメージが異なりましたでしょうか。
お礼
ありがとうございました。 参考になりました。
- raynya
- ベストアンサー率36% (105/290)
単純に <table border="2" bordercolor="#000000"> <tr><td>あいうえお</td></tr> </table> これで外側が太い線になります。
お礼
ありがとうございました。 「外側の線を太く内側の線をを細くしたいのです」が、何かよい方法はないでしょうか。
お礼
初心者ですのでわからないこと多く、 参考になりました。スタイルシートを使う事思い当たりませんでした。ありがとうございました。