• ベストアンサー

テーブルの外側の線を消す

テーブルの外側の線だけを消すにはどういうタグでできますか?

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

  • ベストアンサー
  • talepanda
  • ベストアンサー率58% (45/77)
回答No.3

<table border="1" frame="void">

参考URL:
http://www.tagindex.com/html_tag/table/table_frame.html

その他の回答 (2)

  • Werner
  • ベストアンサー率53% (395/735)
回答No.2

外側ってどの部分を指すんだろうか…。 以下のような内容では意図とは異なりますか? <html> <head> <meta http-equiv="Content-Style-Type" content="text/css"> <style> table{ border-style: none; } td{ border-style: solid; border-width: 1px; border-color: black; } </style> </head> <body> <table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </body> </html>

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

基本的にはできないとおもいますよ。外側だけ線を ひくのは簡単ですけどね。 あまりスマートではないですが、tdに対して線を左側と 上側に線をひき、最後に左と上を消すというやりかたに なるでしょうか・・・。 <style type="text/css"> table{ border-collapse:collapse; border-color:#000000; } td{ border-left:solid 1px; border-top:solid 1px; } td.left,td.topleft{ border-left:0px; } td.top,td.topleft{ border-top:0px; } </style> <table> <tr> <td class="topleft">1</td> <td class="top">2</td> <td class="top">3</td> </tr> <tr> <td class="left">4</td> <td>5</td> <td>6</td> </tr> <tr> <td class="left">7</td> <td>8</td> <td>9</td> </tr> </table>

関連するQ&A