标签：
第一步：编辑菜单的HTML代码
菜单包含三个列表项，分别取名为“Menu1”、“Menu2”、“Menu3”。
|
1
2
3
4
5
6
7
|
<divclass="css3Menus"> <ul> <li>Menu1</li> <li>Menu2</li> <li>Menu3</li> </ul> </div> |
第二步：设置菜单的背景
在该步骤中，我们将把导航的背景设置为黑色。宽度、高度和内边距为可选项，可以不设置。
|
1
|
.css3Menus { background: #14080a; width:506px; height:260px; padding:20px; 第三步：利用border-radius，制作圆形导航。 该步中，我们会利用CSS3的一些酷的功能，尤其是border-radius ，将每个列表项的背景设置为黄色，形状为圆形。
第四步：设置菜单的对齐方式本步骤中，我们将为每个列表项设置特定的背景颜色与位置：
|
标签：
原文地址：http://www.cnblogs.com/wangdage/p/5126756.html
