青緑色の一番上にあるボックスとテーブルの表の左側に少し余白が空いてしまうのですが、この余白を完全にな

締切済

質問者：pjdmgam
質問日時：2021/05/28 07:55
回答数：1件

青緑色の一番上にあるボックスとテーブルの表の左側に少し余白が空いてしまうのですが、この余白を完全になくしたいです。

青緑のボックス左側、上側、右側の余白width１００％でも少し空きます。margin-left: 0%;
padding-left: 0%;
も記載しても変化ありません。
また、テーブルの左側の余白もなくしたいです。

付属画像の下の画像のように余白が無い状態にしたいです。

コードは以下です。回答よろしくお願いいたします。

<!DOCTYPE html>

<html>

<head>
<meta content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>お問い合わせ</title>
<link rel="stylesheet" href="seo.css">

</head>
<body>
<div class="box">正方形

</div>
<table>

<tr><td class="td-css1">使い方・マニュアル</td></tr>

<tr><td class="td-css2">・・高度翻訳機能・・</td></tr>
<tr><td class="td-css2">（英語）</td></tr>
<tr><td class="td-css2">（中国語）</td></tr>

</table>
</body></html>

◎◎ｃｓｓのコード（seo css)

/* ヘッダボックスのデザイン */
.box{
height:56px;
width:100%;
margin-left: 0%;
padding-left: 0%;
background-color: rgb(0, 255, 221);
}

/* 線と線の隙間をなくす */
table {
border-collapse: collapse;
background-color:rgba(237, 241, 240, 0.856);

}
/* 上部の線と左の線のみ非表示。 */
.td-css1 {
border-top-style:none;
border-left-style:none;
}
/* 左の線のみ非表示。 */
.td-css2{
border-left-style:none;
margin-left: 0%;
}

/* 線のデザイン */
table td {
border: solid 1px black;
width: 300px;
/*実線 1px 黒*/

text-align: center;/* 文字を中央に配置 */
}