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

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

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

Q&A

解決済

1回答

269閲覧

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

Jasmine

総合スコア2

0グッド

0クリップ

投稿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;
}

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

y_waiwai

2022/05/19 01:46

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

2022/05/19 02:04

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

回答1

0

ベストアンサー

「 table th, table td」に指定されているCSSがtypo

CSS

1border: 1px; solid #0000000; 2↓↓↓ 3border: 1px solid #000000;

投稿2022/05/19 01:48

yambejp

総合スコア114583

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Jasmine

2022/05/19 02:12

0が1個多かったのが理由だったのですね。わかりました。ご丁寧に教えていただきありがとうございました。
yambejp

2022/05/19 02:22

> 0が1個多かったのが理由だったのですね いえ、ちがいます、余計な「;」ついていてその後のパラメータが無視されています
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問