CSS的導航條是網站或應用程序中最常見的一種組件。在設計它時，顯示方式play屬性十分重要。

ul{
display: flex;
} 
li{
margin-right: 20px;
}

• 使用display：flex將導航指定為塊狀元素
• 為每個列表項設置右側外邊距，使它們之間存在空白空間

nav{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
}

• grid-template-columns: 1fr 1fr 1fr;將導航劃分為三個等寬列
• justify-items: center;將導航項在其單元格中居中

nav{
display: inline-block;
}

• 當導航部分作為塊狀元素的一部分時，您可以使用display：inline-block;使其在其上和下的文本之間嵌入

實際上，css display屬性有許多不同的選項，可以適應您的具體需求。通過熟悉導航條的常見排版模式，您可以更好地理解如何使用不同的CSS屬性來創建您自己的導航條。