表でへこみのある矩形を作る方法

このQ&Aのポイント
  • colspanやrowspanなどを組み合わせて複数列・複数行の結合セルを作ることはできますが、へこみのある形(ピストルのような形)を作る方法はありません。線の表示・非表示によっての実現や別の書き方による実現が考えられます。
  • 一覧表のタイトル行部分でへこみのある形を作りたい場合、colspanやrowspanでは実現できません。代わりに罫線の表示・非表示によって形を作るか、別の書き方をすることで実現する必要があります。
  • 表でへこみのある形を作る方法はありませんが、線の表示・非表示によって形を表現するか、別の書き方をすることで似たような形を作ることができます。具体的な方法については、利用するツールや環境によって異なる場合がありますので、詳細な方法を知りたい場合はそれに特化した情報を検索してみてください。
回答を見る
  • ベストアンサー

表(table)でへこみのある矩形を作りたい

colspanでは横結合、rowspanでは縦結合、またそれらを組み合わせて、複数列・複数行の結合セルができると思いますが、矩形ではなく、へこみのある形(ピストルのような形)を作りたいです。 説明が難しいのですが、一覧表のタイトル行部分で |~~~~~~~~~| |   |~~~| ~~~~~~~~~~~ このような部分を作りたいのです。別の書き方をすると XXXXXXXXX XXXXXXXXX XXXXX---- のXと-がそれぞれ分割されて罫線があるイメージです。 (Xはすべて一つの枠の中にあり、-は別の罫線で囲まれています) span ではなく、border など、線の表示・非表示によっての実現でも結構です。 伝わり辛いと思いますが、どうぞよろしくお願いします。

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

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

  • ベストアンサー
noname#65125
noname#65125
回答No.1

簡単なんじゃないの?と思ってたら意外と難しかった・・・。 僕自身の勉強になりました。 以下のソースでどうでしょうか? <table width="75%" style="border:1px solid black;border-collapse: collapse;"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td style="border:1px solid black;">&nbsp;</td> </tr> </table> 参考URLもどうぞ

参考URL:
http://www.htmq.com/style/border-collapse.shtml
bentoroeda
質問者

お礼

なるほど!ありがとうございます! ほかにも方法があるかもしれないので、しばらく締め切らずに待ってみますね♪

関連するQ&A

  • word2003の表の罫線について

    word初心者です。よろしくお願いします。 文章で表現して分かって頂けるか不安なのですが… 今、wordに3列2行の表を作って入力しています。一番上の行はタイトル行で項目名が入っています。 2行目に、内容を入力していき、その内容が複数ページにわたっています。 その際に、ページをまたいでいる部分に関して、表が次に続いているということで、 1.最初のページの表の一番下(底)の罫線をなしにしたい。 2.次ページの部分は上の罫線(天)と下の罫線(底)をなしにしたい。つまり、4本の縦罫線のみです。 3.最終のページのみ、上の罫線(天)なしで、一番下の罫線(底)のみ表示したい。 と、思っているのですが、セルの下の罫線のみを非表示にすると、最終ページの、一番下の罫線も非表示になり、表が閉じた形になってくれません。一太郎では確かできたようなのですが、wordでは無理なのでしょうか?3列2行だと不可能なのでしょうか? 質問の意味が伝わったか不安なのですが、困っております。 よろしくお願いします。

  • word2010 表と表の結合

    word2010で、別々に作成した表と表を結合したいのですが、表と表の結合部分の罫線が太線になり、また「セルの結合」アイコンが非表示になり選択することができません。 別々に作成した表を結合することはできないのでしょうか? お手数お掛けいたしますが、ご教示いただけると幸いでございます。 よろしくお願いいたします。

  • エクセルで作った表をワードに取り込むと、経線の太さが変になります。

    エクセルで作った表をワードに取り込むと、経線の太さが変になります。 はなはだ単純な操作なのですが、エクセルで作成した表をワードに貼り付けて書類を作る際に、しばしば罫線の太さが違って表示されることがあります。 印刷しても、化けてしまった罫線はそのままプリントアウトされます。 普段使用してるワードは2003ですが、別のPCのワード2007で読み込んでも同じです。 エクセルで作成した際に間違えたのではないかと、挿入した表をダブルクリックで開いてみても、ちゃんと意図した罫線になっています。 さらに不思議なのは、同じ書式の罫線でも化ける部分と、そうでない部分があることです。 添付画像に示したように、エクセル番地で9行目と10行目を分ける罫線は、細線で書いたのに、ワードに取り込むと中線になってしまいます。 同じ書式でも、5行目と6行目を分ける線や、7行目と8行目を分ける線は正常に再現されます。 どうしてこうなるのでしょうか? また、対処法はどうすればいいでしょうか?

  • WORDで作成した表について

    WORDで表を作成しました。 4行5列程度の表です。(一部セル結合部分あり。) この表の3列目の部分を横に拡げたいのですが、 表の縦の罫線をドラッグし、引っ張り拡げると 表が壊れてしまいます。 何か表を壊さずに表を拡げる良い方法は無いものでしょうか?

  • 表の結合をcsvで保存するには?

    教えてください。 商品検索ツールを利用しています。 商品詳細データはcsvで保存されます。 表の結合をしたいのですがうまくいきません。 たとえばビルダーで編集すると <TABLE border="1"> <TBODY> <TR> <TD colspan="4">&nbsp;商品の詳細</TD> </TR> <TR> <TD rowspan="2">&nbsp;コード&nbsp;</TD> <TD colspan="2">&nbsp;&nbsp;サイズ</TD> <TD rowspan="2">価格&nbsp;&nbsp;</TD> </TR> <TR> <TD>mm&nbsp;</TD> <TD>&nbsp;インチ</TD> </TR> <TR> <TD>&nbsp;000005</TD> <TD>&nbsp;***</TD> <TD>○○&nbsp;</TD> <TD>&nbsp;¥50</TD> </TR> </TBODY> </TABLE> と、このようにソースに表示されますが、 これらをcsvで保存しても???になります。 このような表をcsvファイルで作成することは可能なのでしょうか? よろしくお願い致します。

  • Excel2000の使い方について。

    入力したものの中から、<-------->という形の部分のみを一括削除することは可能でしょうか? 要するに<>で囲まれた部分を<>も含めて削除したいのです。 もしくはOutlookExpressで、メールの部分をコピペすると「XXXXX@****.co.jp <XXXXX@****.co.jp>」という形になってしまいますが、この<XXXXX@****.co.jp>の部分を表示されない様にしたいです。 どちらでも良いので、アドバイス願います。

  • エクセル グループ化 罫線

    こんばんは。 すみませんが、困っているので教えて下さい! エクセルでデータをグループ化すると、罫線がおかしくなってしまいます。 セルが結合された部分の枠の罫線が出てきません。グループ化を解除すると罫線はちゃんとひかれているのですが・・・ どの様にすれば、罫線を表示させれるのでしょうか?

  • HTMLのrowspan

    HTML初心者です。 下記のようにテーブルを作成していますが、 2行目がなかったことにされてしまいます。 <table> <tr><td rowspan=2>1-1</td><td rowspan=2>1-2</td></tr> <tr></tr> <tr><td>3-1</td><td>3-2</td></tr> </table> 結合されたセルを2行分の高さで表示することはできますか? ただ、実際のHTMLはPHPで動的に作成しているので、 できれば「height属性で1行目の高さを2行分にする」以外の 方法を探しています。 以上、よろしくお願いします。

  • Excel2000での結合・列の非表示・罫線・印刷を含む質問です。

    こんにちは。 Excel2000でも2002でも2003でもバージョンは問わない症状です。 AからO列、1行から10行位まで使用した一つの表があり、 印刷をするために、N・O列を非表示にしました。 A1からN1のセルは結合されています。 格子線も引いています。 この状態で印刷プレビューをすると、 右端の罫線が消えてしまいます。 セルの書式設定から罫線の状態を見ると、罫線は引かれています。 このような現象が起こる原因をもしご存知でしたら教えていただけませんか? ちなみにA1からN1のセルの結合を解除すると、N・O列を非表示にしても、右端の罫線は表示されています。

  • エクセル表での「表示しない」について

    エクセルで表を作成し、そのうちの何行かを「表示しない」にしました。 それからその表を部分的に選択して別のシートにコピーした場合に「表示しない」にしたはずの行が現れます。 「表示しない」にしたにも関わらず別シートにコピーした場合に表示されないはずの行がでてくるのはなぜでしょうか? 宜しくお願いします。