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

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

新規登録して質問してみよう
ただいま回答率
87.20%

解決済

table.htmlの中の縦の線2本と横の線3本の作り方

Jasmine
Jasmine

総合スコア2

1回答

0評価

0クリップ

91閲覧

投稿2022/05/19 01:36

table.htmlのスクロールをしていたのですが、表の見出しAからCまでのタイトル欄のところと内容A1が~C5まどの文字は上手く表示されましたが、中の縦の線2本と横の線3本が消えてしまいました。どうしたらいいのでしょうか?
table.html

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link href="table.css" rel="stylesheet"> </head> <body> <table> <thead> <tr> <th>見出しA</th><th>見出しB</th><th>見出しC</th> </tr> </thead> <tbody> <tr> <td>内容A1</td><td>内容B1</td><td>内容C1</td> </tr> <tr> <td>内容A2</td><td>内容B2</td><td>内容C2</td> </tr> <tr> <td>内容A3</td><td>内容B3</td><td>内容C3</td> </tr> <tr> <td>内容A4</td><td>内容B4</td><td>内容C4</td> </tr> <tr> <td>内容A5</td><td>内容B5</td><td>内容C5</td> </tr> </tbody> </table> </body> </html>

table.css

@charset "utf-8";

table {
border: 1px solid #000000;
border-collapse: collapse;
}
thead{
background-color: #e2f0d9;
display: block;
}
tbody {
height: 150px;
display: block;
overflow-y: auto;
}
table th, table td{
border: 1px; solid #0000000;
width: 100px;
height: 50px;
}
table th{
background-color: #e2f0d9;
font-weight: normal;
}

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

y_waiwai

2022/05/19 01:46

このままではコードが読みづらいので、質問を編集し、</>(コードの挿入)ボタンを押し、出てくる’’’の枠の中にコードを貼り付けてください
yambejp

2022/05/19 02:04

質問をするならマークダウンするクセをつけてください

まだ回答がついていません

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る