※ ChatGPTを利用し、要約された質問です(原文:テーブルの枠線が消えません。)
テーブルの枠線が消えない問題について
このQ&Aのポイント
HTMLで作成したテーブルの枠線が消えない問題について解説します。
テーブルの特定のセルの枠線が消えずに表示される現象が発生しています。解決方法をご紹介します。
テーブルの枠線を消す方法について詳しく解説します。
テーブルの枠線が消えません。
HTMLでテーブルを作成しています。
以下のようなHTMLなのですが、
先頭行の8と9の間や二行目の15と30の間に縦線が入ってしまいます。
これを表示させたくないのですが、よく見ると一番右側の項目は全て縦線が入っています。
これを消すことはできるでようか?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
</head>
<body>
<table>
<tr bgcolor="blue">
<td colspan="60" align="center">8</td>
<td colspan="60" align="center">9</td>
<td colspan="60" align="center">10</td>
</tr>
<tr bgcolor="lightblue">
<td colspan="15" align="right">15</td>
<td colspan="15" align="right">30</td>
<td colspan="15" align="right">45</td>
<td colspan="15" align="right">60</td>
<td colspan="15" align="right">15</td>
<td colspan="15" align="right">30</td>
<td colspan="15" align="right">45</td>
<td colspan="15" align="right">60</td>
<td colspan="15" align="right">15</td>
<td colspan="15" align="right">30</td>
<td colspan="15" align="right">45</td>
<td colspan="15" align="right">60</td>
</tr>
<tr align="center">
<td colspan="60" bgcolor="lightpink" height="40">仕事</td>
<td colspan="60" bgcolor="lightgreen">休み</td>
<td colspan="60" bgcolor="lightpink">仕事</td>
</tr>
<tr align="center">
<td colspan="80" bgcolor="lightgreen" height="40">休み</td>
<td colspan="40" bgcolor="lightblue">仕事</td>
<td colspan="60" bgcolor="lightgreen">休み</td>
</tr>
<tr align="center">
<td colspan="50" bgcolor="lightgreen" height="40">休み</td>
<td colspan="60" bgcolor="lightpink">仕事</td>
<td colspan="70" bgcolor="lightgreen">休み</td>
</tr>
</table>
</body>
</html>
お礼
うまくテーブルを表示することができました。 ご回答ありがとうございました。