塗りつぶしのある表の境界線の白の部分をなくしたい

表の境界線を完全になくして、色と色の間の隙間をなくすことは可能でしょうか？
よろしくお願いします。
sample2.htmlは以下の通りです。
\

<html> <head> <title> </title> <link href="style2.css" media="all" rel="stylesheet"> </head> <body> <table class="table2"> <tr> <td bgcolor="skyblue">ああああああ</td> <td bgcolor="yellow">いいいいい</td> </tr> <tr> <td bgcolor="yellow">ああああああ</td> <td bgcolor="skyblue">いいいいい</td> </tr> </table> </body> </html> ```ここに言語を入力コード ``` style2.cssは以下の通りです。 \\ .table2{ border:0; }```ここに言語を入力コード ```

行動規範の内容に同意します

回答3件

分離ボーダーモデルの場合

CSS
1.table2 {
2  border-spacing: 0;
3}

https://developer.mozilla.org/ja/docs/Web/CSS/border-spacing

投稿2019/05/14 01:14

x_x

総合スコア13749

hisayan

2019/05/14 08:22

こんな簡単な記述があったんですね。ありがとうございました。

行動規範の内容に同意します

ベストアンサー

下記のようにするとなくせます。

css
1.table2 {
2  border: 0;
3  border-collapse: collapse;
4}

投稿2019/05/13 23:38

退会済みユーザー

総合スコア0

hisayan

2019/05/14 08:20

ありがとうございました。border-collapse:collapseとseparateも調べました。

行動規範の内容に同意します

境界線を共有する設定をするとくっつきますよ。

.table2{
  border:0;
  border-collapse: collapse;
}

リファレンス

投稿2019/05/13 23:34

SystemAjisai

総合スコア174

hisayan

2019/05/14 08:21

ありがとうございました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

塗りつぶしのある表の境界線の白の部分をなくしたい

関連した質問