使用CSS導航菜單時，有時候需要讓菜單項之間沒有間隔，這樣可以使菜單顯得更加緊湊，占用也更少的空間。下面的代碼演示了如何實現這樣的無間隔菜單。
首先，我們需要在HTML中定義一個菜單容器，然后在里面放置菜單項。如下所示：

<div class="menu">
<a href="#">菜單項A</a>
<a href="#">菜單項B</a>
<a href="#">菜單項C</a>
<a href="#">菜單項D</a>
</div>

接下來，我們需要用CSS來設置菜單的樣式。為了實現無間隔效果，我們需要去除菜單項之間的所有間隔。可以使用以下的CSS代碼來實現：

.menu {
display: flex;    /*使用flex布局*/
flex-wrap: nowrap;   /*禁止換行*/
padding: 0;       /*去除內邊距*/
margin: 0;        /*去除外邊距*/
}
<br>
.menu a {
flex: 1;         /*每個菜單項平分父容器寬度*/
text-align: center;   /*居中顯示文字*/
padding: 10px 20px;   /*設置菜單項內邊距*/
background-color: #f0f0f0;  /*設置菜單項背景色*/
border: 1px solid #ccc;   /*設置菜單項邊框*/
border-width: 0 1px;   /*去除左右邊框*/
color: #333;      /*設置文字顏色*/
text-decoration: none;   /*去除下劃線*/
}

上述CSS代碼將菜單容器設置為使用flex布局，禁止換行，并且去除了內、外邊距。菜單項則使用了flex:1屬性平分父容器的寬度，同時設置了合適的內邊距、背景色、邊框、文字顏色和下劃線。
最終效果如下圖所示：
總之，使用CSS導航菜單創建無間隔的菜單是非常簡單的。只需要去除菜單項之間的間隔，讓它們盡量接近即可。