为什么我的html和css网站总是把我的按钮放错地方

我第一次从头开始做网站，我受过html而不是css的正规教育请解释一下我的html

<HTML>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" type="icon" href="favicon.ico">
<title>Jinuine Design | Home</title>
</head>
<div class="header">
<div class="logo">
<a href="index.html"><img src="imgs/JinuineFavicon.png"></a>
</div>
<div class="home">
<a href="index.html" class="homelink">
<h1 class="homebutt">Home</h1>
</a>
</div>
</div>

这是我的css

.header {
height: 100px;
background: black;
}
.homebutt {
color: black;
padding-top: 50px;
padding-right: 110px;
}

有人请解释一下如何达到我想要的效果这就是它的样子我的页面的ss

您需要将样式设置为.logo，而不是.header

.logo {
height: 100px;
background: black;
}
.homebutt {
color: black;
padding-top: 50px;
padding-right: 110px;
margin: 0;
}

<HTML>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" type="icon" href="favicon.ico">
<title>Jinuine Design | Home</title>
</head>
<div class="header">
<div class="logo">
<a href="index.html"><img src="imgs/JinuineFavicon.png"></a>
</div>
<div class="home">
<a href="index.html" class="homelink">
<h1 class="homebutt">Home</h1>
</a>
</div>
</div>

请删除按钮上的填充。

CSS填充属性用于在元素的内容周围、任何定义的边界内生成空间。使用CSS，您可以完全控制填充。有个属性用于为元素的每一侧(顶部、右侧、顶部(设置填充，底部和左侧(。

相关内容

最新更新

热门标签：