私はです。は新しい(ちょうど過去数日で)htmlとcssになり、私はウェブサイトを作成しようとしています。私は私の質問に関連した答えの束を見つけましたが、私のコードを修正し、div間の空白を取り除く方法はまだ分かりませんでした。どのような助けにも感謝します!私は以下の関連コードを含んでいます。ありがとう!!!縦のdivの間の空白
<!DOCTYPE html>
<html>
<head>
<title>Budget Line of Business</title>
<style>
h1 {font-family: "Footlight MT Light";
font-size: 52px; color: white; font-weight: bold; }
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: none;
}
li {
float: right;
}
li a {
display: block;
color: #FC4A1A;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #062f4f;
}
</style>
</head>
<body>
<div style="background-color:#f7b733;">
<ul><strong>
<li><a href="#contact">Contact</a></li>
<li><a href="#ideas">Ideas</a></li>
<li><a href="#work">Our Work</a></li>
<li><a href="#us">About Us</a></li></strong>
</ul>
<h1><center>Let's Make Your Budget Experience Extraordinary</center></h1>
<p style="text-align: center;">SEE WHAT WE CAN DO FOR YOU</p>
<p style="text-align: center;"><strong>^ (down button)</strong></p></p> </div>
</div>
<div style="background-color:#4abdac;">
<h1 style="text-align: left;">Making budget offices better</h1>
</div>
<div style="background-color:#fc4a14;">
<h1 style="text-align:right;">Learn All About Budget</h1>
</div>
<div style="background-color:#062f4f;">
<h1 style="text-align: left;">We Make Technology Accessible</h1>
</div>
<div style="background-color:#DFDCE3;">
<h1 style="text-align:right;">Grow Your Career</h1>
</div>
</body>
</html>
ようこそスタックオーバーフロー! [ask]をお読みください。重要なフレーズ:「検索と研究」と「あなたがそれを自分で解決することを妨げた困難を説明する」 –
h1マージンを削除します。 ** h1 {margin:0; } ** – Troyer
あなたのH1タグをこれに更新してください:h1 {font-family: "Footlight MT Light"; font-size:52px;色:白; font-weight:太字;マージン:0;パディング:0; } –