• ベストアンサー

テーブルの線を極細にしたい

テーブルの線を細くしたいのですが、borderを1にしてもかなり太いです。 これはやはりスタイルシートでやるしかないのでしょうか? また、どのように記述すればいいのでしょうか? HP作成初心者のため、できるだけわかりやすく回答いただけると嬉しいです。 よろしくお願いいたします。

  • HTML
  • 回答数5
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.4

スタイルシートでなくても以下のようにすればできます。 <table border=0 bgcolor="#000000" cellspacing=1> <tr> <td bgcolor="#ffffff">test</td> <td bgcolor="#ffffff">test</td> </tr> <tr> <td bgcolor="#ffffff">test</td> <td bgcolor="#ffffff">test</td> </tr> </table> まぁ最近はスタイルシートでcollapseの方がはやっているみたいですね。 <style type="text/css"> table.table_style { border-collapse:collapse; } table.table_style td { border:1px solid #000000; } </style> <table class="table_style"> <tr> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> </tr> </table>

mituru1986
質問者

お礼

回答ありがとうございます。 できました!!本当に感謝いたします。

その他の回答 (4)

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.5

こんにちは。 どこのサイトですか? <table width="300" cellspacing="1" cellpadding="0" border="0" bgcolor="#000000"> <tr> <td bgcolor="#ffffff"> あいうえお </td> <td bgcolor="#ffffff"> あいうえお </td> </tr> </table> これで作られた黒い線が限界の細さですよ。 あとは配色の関係で細く見えたり太く見えたりってのはあるかもしれません。

mituru1986
質問者

お礼

回答ありがとうございます。 参考にさせていただきます(^^

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.3

こんにちは。 これ以上細いと言うのは無理です。 スタイルシートだろうがHTMLであろうが画像で作ったとしてもです。 何故かと言うと、画面をよ~くみていただければわかると思いますが その線の太さが画面で表示できる最小の大きさなのです。 (画面の小さな正方形の大きさと同じ。1pxという単位です)

mituru1986
質問者

お礼

再度ありがとうございます。 そうなんですか?? しかし、他のHPではすごく細い線でテーブルを作られているのですが。。。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.2

こんにちは。 <table width="300" height="100" cellspacing="0" cellpadding="0" border="1"> これで結構細くなりませんか? (正しい使い方かは考慮してませんが) またはこんな感じにすると線の色も変えられます。 <table width="300" cellspacing="1" cellpadding="0" border="0" bgcolor="#000000"> <tr> <td bgcolor="#ffffff"> あいうえお </td> <td bgcolor="#ffffff"> あいうえお </td> </tr> </table> 黒い線で枠が作られていると思います。

mituru1986
質問者

お礼

回答ありがとうございます。 ご指摘のとおりやってみたのですが、まだ太いです。 もっと細くしたいのですが。。

  • calltella
  • ベストアンサー率49% (317/635)
回答No.1

スタイルシートでないと無理ですね。

参考URL:
http://www.sopia.com/SopiaClub/T_kaiwa/Tkai98/Tkai98_Main.asp
mituru1986
質問者

お礼

回答ありがとうございます。 どのように記述していけばいいでしょうか? あと、このURLは???

関連するQ&A

  • テーブルの線の色が指定できない

    テーブルの線の色が指定できないうえ、最後に宣言したスタイルシートが適用されてしまいます。 理由がわかりません。 <style type="text/css"> table, td, th.bordercolor_white { border: 1px white solid; } table, td, th.bordercolor_red { border: 1px red solid; } </style> <table class="bordercolor_white"> <tr> <td>aaa</td> <td>bbb</td> </tr> </table> このような文だと、 <table class="bordercolor_white">としているのに、 なぜかテーブルの線の色は、赤になってしまいます。 table, td, th.bordercolor_red { border: 1px red solid; } table, td, th.bordercolor_white { border: 1px white solid; } のように、順番を入れ替えると、最後に宣言した白になります。 なので、<table class="bordercolor_white">の部分は無視されるようです。 二つのテーブルの線の色を用意した場合、 任意でテーブルの線の色を付ける方法をご教授ください。

    • 締切済み
    • CSS
  • cssでテーブルで細い線

    スタイルシートを使って 1ピクセルの細い線にしようと、 サンプルのように以下のようにしてみましたが 中の線(td?)が二重になってしまいます 一線にするのにどのようにすればイイですか? ―――――――― .table2 { width: 400px; /* テーブルの横幅 */ border-collapse: collapse; /* 枠線の表示方法 */ border: 1px #1C79C6 solid; /* テーブル全体の枠線(太さ・色・スタイル) */ background-color: #FFFFFF; /* 背景色 */ } .table2 TD { border: 1px #1C79C6 collapse; /* セルの枠線(太さ・色・スタイル) */ } ―――――――――――――― <TABLE CLASS="table2"> <TR> <TD>WebデザインA</TD> <TD>WebデザインB</TD> </TR> <TR> <TD>WebデザインC</TD> <TD>WebデザインD</TD> </TR> </TABLE>

    • ベストアンサー
    • CSS
  • テーブルの線を立体じゃなく普通の線にしたい

    普通にテーブルで表を作ると線が立体的になってしまいますよね。 これを、特定のテーブルだけを普通の罫線だけで作られたような表にしたいと思っています。 テーブルを立体でなく罫線にするには、 【例1】 <STYLE type="text/css"> <!-- td{border-style:solid; border-width:1pt 1pt 1pt 1pt;border-color: #000000;} --></STYLE> というスタイルシートを<head>内に書く。 【例2】 <table bgcolor="#000000" border="0" cellspacing="0" cellpadding="0"> <tr><td> <table border="0" cellspacing="1" cellpadding="0"> <tr><td bgcolor="#ffffff">セル1</td><td bgcolor="#ffffff">セル2</td></tr> <tr><td bgcolor="#ffffff">セル3</td><td bgcolor="#ffffff">セル4</td></tr> </table> </td></tr> </table> という入れ子状態にする。 概ねこの2種類の方法が一般的だと思います。 が、【例1】の方法は作るテーブル全てがこのスタイルになってしまいます。 【例2】は小さい表にはいいですが、セルが大量にある表に使うのは無駄が多く、タグが複雑になるので修正時も面倒です。 これを、個々のテーブルに対して例1のようなスタイルシートを使用して作れないものでしょうか? <span>を使って出来そうな気がするのですが、いろいろ試すもののどうもうまくいきません。こういう場合の合理的な方法をご存知でしたら教えていただけますか。

    • ベストアンサー
    • HTML
  • テーブルの線を上に引っ付けたい

    HP作成初心者です。 いつも回答をいただき、大変感謝しております。 http://home1.netpalace.jp/9/top.cgi​ このサイトのようにテーブルの線が画面の上下に貫通(?)しているようにしたいのですが どのようなタグを入れればいいのでしょうか? よろしくお願いします。

  • スタイルシートの設定方法

    なぜか分かりませんが、投稿して10分で削除されたのでもう一同リトライです・・・ 今スタイルシートでHPのデザインの設定をしています。 方法は外部のスタイルシートへリンクを貼って、全部のページを設定したいのですが・・・ テーブルの線を設定するのに、 td { border-color: #ff0000; border-style: double; } と記述する(A)のと、 htmlファイルのTDタグに直接 style="border:3px red double;" って記述する(B)とでは、 線の見え方が違います。 Aは外側の線が太くなります。 Bは二重線の大きさが均等です。 外部のシートでBにしたいのですが、どうしたらいいでしょうか? どなたかご教授下さい!

  • テーブルのボーダーを細くできますか?

    こんにちは。 ずっと悩んでいるのですが、テーブルのボーダーって1ptよりも細くはならないのですか? 帳票を印刷するプログラムを作ったのですが、どうも線が太くて不恰好に思えます。 スタイルシートのリファレンスなどチェックしてみたのですが、 どこにもありませんでした。 そもそも不可能なのでしょうか? ご存知の方、教えてください。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブルの線を点線にする

    とても初歩的な質問ですいません。 テーブルの線をすべて点線にしたいのですがどのようにしたらいいのかわかりません。 <table style="border-color:dimgray;border-style:dotted"> <tr> <td width="150" height="30"></td> </tr> <tr> <td width="150" height="30"></td> </tr> <tr> <td width="150" height="30"></td> </tr> </table> としたら周りの枠は点線なんですが 3列あるはずの線が表示されません。 その線も点線で表示させるにはどのようにしたらいいですか?

    • ベストアンサー
    • HTML
  • テーブルをふちどる線

    ホームページ制作初心者のものです。 Dreamweaver4でHPを作ろうと思い、様々なページを見ながら勉強中の者です。 最近よく見かけるのですが、テーブルで組んだと思われる枠に色のついた細い線を使ったものが多くみられるのですが、あれはどのようにしているのでしょうか?? テーブルの枠線といったら、あのグレーの物しかできないものと思っていたのですが...。 自分なりに考えて、テーブルの入れ子を駆使しして作ることはできたのですが、どうやら違ったやり方があるような気がします。 もしかして、とっても簡単なことなのかもしれませんが、ご存知の方、どうかお教えください。 Dreamweaverでできるのでしょうか?

    • ベストアンサー
    • CSS
  • スタイルシートのテーブル枠について

    今までテーブルを利用してホームページに簡単な線を つけていました。これをスタイルシートで行うと 微妙にうまくできません・・・お助けください。 すべてIEで検査しております。 html従来の私の線の引き方 <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#000000"> <img src="sps.gif" width="600" height="1"> </td> </tr> </table> 上記の表現をスタイルシートを利用してやりたいのですが 線が1pxのはずが、大きくなってしまいます。 cssを利用した記述 css部分 .index_table{ width: 600px; border:0px; border-width: 0px; margin: 0px; padding: 0px; } html部分 <table class="index_table"> <tr> <td bgcolor="#000000"> <img src="ims/sps.gif" width="600" height="1"> </td> </tr> </table> これに似たいい方法は、ないでしょうか? 質問が、うまくまとまってなくてすみません・・・

    • ベストアンサー
    • HTML
  • 線が極端に細いテーブルで、特定の方向の線だけ表示させたい

    tableでは、frameを使用して特定の方向だけ線を表示させることが可能ですよね。 また、二つ重ね合わせることで極端に細い線のテーブルを作ることもできます。 ああいった細いテーブルで、さらに特定の方向の線のみを表示させる方法はあるでしょうか。 下だけとか上だけとか左右だけとか。 前に、画像などを使用せずにそんなことをしているページを見たことがあるので、不可能ではないと思うのですが……色々やってみても、できませんでした。 この方法を知りたいので、知っている方がいましたらぜひお教えください。 スタイルシートでもかまいません。 よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう