如何使用css創建顏色全角圓角導航菜單

在asp.net中如何使用css創建顏色完全圓角的導航菜單，並且每當用戶單擊父節點時，將顯示所有子節點並顯示父節點的顏色將會改變。如何使用css創建顏色全角圓角導航菜單

2011-05-25 hari

重複http://stackoverflow.com/questions/6122620/how-to-create-the-rounded-corner-button-using-css-file？ – anothershrubery 2011-05-25 11:28:02

使用ajax Rounded Corners或者您可以使用舍入圖像。網上有大量的jquery下拉菜單可用

2011-05-25 11:24:12

是的，但他確實要求CSS。 – Spudley 2011-05-25 11:49:06

CSS圓角使用border-radius樣式完成。它現在在所有瀏覽器中得到廣泛支持，但您可能需要添加一些供應商前綴以支持舊版本的瀏覽器。

IE8和更低版本根本不支持border-radius，但可以使用各種黑客手段這樣做，其中CSS3Pie是迄今爲止最好的。（雖然IE9確實支持它）

對於在鼠標懸停時更改顏色並下拉子菜單的菜單，可以使用:hover CSS選擇器。

因此，像這樣：

。菜單{背景色：紅色;} 。菜單：懸停{背景色：藍色;}

當然，還有比這更給它，特別是當你談論下拉菜單時，這是你需要知道的基本樣式表功能。

有這一大堆教程的網站上，但是這看起來像一個很好的一個：http://divitodesign.com/css/how-to-dropdown-css-menu/

如果你想這樣做對點擊而不是徘徊，你可能會發現你有做一些使用Javascript而不是純CSS的工作。

2011-05-25 11:57:43 Spudley

回答