Html CSS页边距不正常_Html_Css

Html CSS页边距不正常

html css

Html CSS页边距不正常,html,css,Html,Css,有人能告诉我，为什么我不能在这个“a”标签上添加页边顶部/底部或填充顶部/底部。我需要在标题框中输入“Konoha” html{ 背景颜色：白色 } 正文{ 宽度：88.5%；高度：1200px；保证金：0自动；边框：2件纯黑；背景色：#161e2c； } .机顶盒{ 保证金：0自动；宽度：99.5%；高度：153px；背景色：#314e59；边框：1px实心rgb（211,41,97）；盒子阴影：0px 10px 7.4px 2.6px rgba（0,0,0,0.74）；

有人能告诉我，为什么我不能在这个“a”标签上添加页边顶部/底部或填充顶部/底部。我需要在标题框中输入“Konoha”

html{
背景颜色：白色
}
正文{
宽度：88.5%；
高度：1200px；
保证金：0自动；
边框：2件纯黑；
背景色：#161e2c；
}
.机顶盒{
保证金：0自动；
宽度：99.5%；
高度：153px；
背景色：#314e59；
边框：1px实心rgb（211,41,97）；
盒子阴影：0px 10px 7.4px 2.6px rgba（0,0,0,0.74）；
}
a{
显示：内联块；
利润率：23px05px；
填充物：5px 5px；
最大宽度：400px；
颜色：白色；
文字装饰：无；
字体大小：500%；
背景颜色：粉红色；
边框：2件纯黑；
}
.对{
利润率最高：13；
显示：内联块；
宽度：600px；
背景颜色：粉红色；
边框：2件纯黑；
浮动：对；
文本对齐：居中；
颜色：白色
}
保险商实验室{
显示：内联块；
列表样式类型：无；
字体大小：35px；
宽度：100%；
左侧填充：0；
}
李{
显示：内联块；
填充：7px；
}



正文
正文
正文
正文
正文

如果要使用

填充顶部/底部

，锚点是一个

内联元素

，对于锚定标记，您应该使用add

display:block

a{
color: white;
text-decoration: none;
font-size: 100px;
display:block
}

因为页边距顶部/底部或填充顶部/底部仅适用于块元素
但是


您可以尝试：
HTML代码
<body>
    <header class = "top-box">
        <div id = 'link'><a href="#">Konoha</a></div>
    </header>
</body> 

尝试将标记设为块元素。加上这个
display:block

在标记的CSS属性中
或者在块元素内放置标记锚定是内联元素。在页眉或其类中添加边距/填充。谢谢，它工作得很好：），但我使用了diplay:inline块
display:block