百度百科是一個內容非常豐富的在線百科全書，用戶可以通過輸入關鍵詞來搜索和瀏覽相關內容。百度百科的頁面設計非常簡潔美觀，同時提供了豐富的下拉導航欄，讓用戶可以快速找到自己感興趣的分類和頁面。

在顯示下拉導航欄的 CSS 樣式中，我們可以使用下拉框的 `border-radius` 和 `background-color` 屬性來打造一個簡單的下拉導航欄。具體步驟如下：

1. 創建一個包含下拉導航欄的 HTML 元素，例如：

<div class="nav-bar">

<div class="nav-link">

<a href="#">首頁</a>

</div>

<div class="nav-link">

<a href="#">分類1</a>

</div>

<div class="nav-link">

<a href="#">分類2</a>

</div>

<div class="nav-link">

<a href="#">分類3</a>

</div>

</div>

2. 在 CSS 中，給 `nav-bar` 添加一個 `border-radius` 屬性，并將其設置為 `5px`，以使下拉框的四個角都呈現出圓角效果：

.nav-bar {

border-radius: 5px;

3. 給 `nav-link` 元素添加一個 `background-color` 屬性，并將其設置為一個顏色，例如紅色：

.nav-link {

background-color: #ff4040;

4. 給下拉框添加一個 `display` 屬性，將其設置為 `flex`，以使其自適應頁面布局：

.nav-bar {

display: flex;

.nav-link {

text-align: center;

6. 最后，給 `nav-bar` 添加一個 `margin` 屬性，并將其設置為 `5px`，以使下拉框和導航欄之間有5px的間距：

.nav-bar {

margin: 5px;

完整示例代碼如下：

```html

<div class="nav-bar">

<div class="nav-link">

<a href="#">首頁</a>

</div>

<div class="nav-link">

<a href="#">分類1</a>

</div>

<div class="nav-link">

<a href="#">分類2</a>

</div>

<div class="nav-link">

<a href="#">分類3</a>

</div>

</div>