html5+css3网站菜单的示例分析

这篇文章主要为大家展示了“html5+css3网站菜单的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“html5+css3网站菜单的示例分析”这篇文章吧。

    实现的难点在于：第一个孩子，最后一个孩子两个选择器，以后margin-left：-1px;的应用，33％，34％范围的技巧处理。

    另外一个难点是：box-shadow：1px00＃F1F1F1插入；的实现。

    最后是：

    代码如下：

    背景：-webkit-gradient（线性，左上，左下，从（＃f9f9f9），到（＃b6b4b4））;背景：-moz-线性梯度（top，＃f9f9f9，＃b6b4b4）;背景：-o-linear-gradient（top，＃f9f9f9，＃b6b4b4）;background：linear-gradient（top，＃f9f9f9，＃b6b4b4）;

    代码如下：

    <！doctypehtml>新闻1新闻2新闻3