實現此效果需要幫助（HTML＆CSS）

Question

我想在this模板（將光標放在它上面時顯示的灰色/黑色框）上的單詞「Dropdown」上懸停，並將其放在導航菜單this other模板（來自同一網站）

我是初學者，我嘗試了很多東西，但我無法達到同樣的效果。我嘗試複製第一個模板.css中的#nav代碼，並將它粘貼到另一個模板css上，但它僅複製文本，字體，顏色，但懸停效果不存在。

預先感謝您在百忙之中的愚蠢十歲上下的問題

Answer 1

第1模板使用JavaScript，而不是純粹的CSS實現下拉作用。您需要在該模板中查找正在控制它的.js文件。我查看了源代碼，您可以通過右鍵單擊頁面並選擇查看源代碼來執行此操作。下拉菜單由名爲Dropotron的jQuery插件控制。

https://github.com/n33/jquery.dropotron

如果您添加到您希望使用的新模板，也可以達到同樣的效果。

編輯：

3事情發生創造這個詞本身懸停效果。

• 背景顏色
• 彎曲角處
• 插圖白邊稍作3D效果。

這些有三個CSS規則來實現：

• 背景
• 邊界半徑
• 的box-shadow

確切的CSS是：

border-radius: 6px; 
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.15); 
box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.024) inset, 1px 1px 0px 0px rgba(255, 255, 255, 0.024); 

新主題標題上的背景色爲白色，因此您不需要陰影。您只需將其插入CSS文件中即可：

#nav ul li a { 
    border-radius:6px; 
} 

#nav ul li a:hover { 
    background:rgba(0, 0, 0, 0.15); 
} 

如果您當然想要，可以更改顏色。