dポイントプレゼントキャンペーン実施中！

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

解決済

  • 質問者：yotsubato
  • 質問日時：
  • 回答数：3件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3ベストアンサー

  • 回答者： talepanda
  • 回答日時：

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



参考URL：http://www.tagindex.com/html_tag/table/table_fra …
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： Werner
  • 回答日時：

外側ってどの部分を指すんだろうか…。


以下のような内容では意図とは異なりますか？

<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>
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： yambejp
  • 回答日時：

基本的にはできないとおもいますよ。

外側だけ線を
ひくのは簡単ですけどね。

あまりスマートではないですが、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>
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報