Html 类获得边界而不是其元素

菜单{
背景色：黑色；
高度：500px；
保证金：无；
填充：无；
边界：无；
}
.菜单h1{
颜色：白色；
边框：5px纯白；
字体大小：50px；
文本对齐：居中；
字体系列：“独立花”，草书；
}

家

它没有在整个菜单周围添加边框，而是按预期运行。

h1

是块级元素，因此它将是其父容器的宽度。这就是为什么边框位于

h1

文本周围，但一直延伸到边缘

---

如果您希望它仅围绕“Home”一词，可以将

display:inline block

添加到

h1

样式中，这将使边框紧密环绕

h1

。如果需要稍微高一点或宽一点，请使用

填充。
它没有在整个菜单周围添加边框，而是按预期运行。
h1
是块级元素，因此它将是其父容器的宽度。这就是为什么边框位于
h1
文本周围，但一直延伸到边缘

如果您希望它仅围绕“Home”一词，可以将
display:inline block
添加到
h1
样式中，这将使边框紧密环绕
h1
。如果需要稍微高一点或宽一点，请使用
填充。
添加

display: inline-block;

添加到您的H1标签中

display: inline-block;

对于H1标签
问题不清楚，边框仅在标题标签周围。可能你想要的只是标签底部的边框，而不是一条完整的边框？我只想在“主页”的四周加上边框，但我不想让它在有“主页”的菜单上加上边框。问题不清楚，边框只在标题标签周围。可能你想要的只是标签底部的边框，而不是一条完整的边框？我只想在“Home”的所有边上加上边框，但我不想在有“Home”的菜单上加上边框。好的，但是有没有办法解决这个问题，但仍然将其作为块元素？奇怪的是，你可以在
h1
上设置一个
width
，并实现同样的效果。好的，但是有没有办法解决这个问题，但仍然保持它作为块元素？奇怪的是，你可以在
h1
上设置
width
，实现同样的效果。