- ベストアンサー
テーブルの外側の線を消す
テーブルの外側の線だけを消すにはどういうタグでできますか?
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
<table border="1" frame="void">
その他の回答 (2)
- Werner
- ベストアンサー率53% (395/735)
外側ってどの部分を指すんだろうか…。 以下のような内容では意図とは異なりますか? <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)
基本的にはできないとおもいますよ。外側だけ線を ひくのは簡単ですけどね。 あまりスマートではないですが、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>