html - 如何在导航栏中留出空白

Question

我已经建立了完美运行的导航栏。但是现在我试图在黑条和文本（商店、联系人、程序、其他）之间建立一个透明的间隙。我该怎么做 。在图片中，我使用边框创建黑色。

标签： htmlcss

Answer 1

好吧，您可以添加一些代码。但是，考虑到您的代码是这样的：

<div class="navbar">
    <div class="item">HOME</div>
    <div class="inner">
        <div class="item">HOME</div>
        <div class="item">CONTACT</div>
        <div class="item">PROGRAM</div>
        <div class="item">OTHERS</div>
    </div>
</div>

您可以从顶部到内部（白色）项目添加边距，如下所示：

.inner{
    margin-top: 30px;
}