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

云天博客 • 10/07 07:55 • 程序猿 • 16 views

这篇文章主要为大家展示了“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）;
复制代码
代码如下：
html5，css3App
.jikey_demo{宽度：80％;margin：0自动;背景：＃f1f1f1;}.news_info{margin-bottom：5px;border：1px实心#bbb;border-radius：5px;box-shadow：01px0＃f1f1f1;}.news_infoa{display：inline-block;width：33％；高度：26像素；字体系列：“微软雅黑”；行高：26像素；文本对齐方式：中心；颜色：＃555；边框右：1像素实心#ccc;阴影框：1像素00＃F1F1F1inset;}。
.news_infoa：最后一个孩子{宽度：34％；右边界：无；左边界：-2px；border-radius：04px4px0;}.news_infoa：悬停，.news_infoa.current{颜色：＃208edd;background：-webkit-gradient（linear，lefttop，leftbottom，from（＃f9f9f9），to（＃b6b4b4））;background：-moz-linear-gradient（top，＃f9f9f9，＃b6b4b4）;ba免费云主机域名ckground：-o-linear-gradient（top，＃f9f9f9，＃b6b4b4）;background：linear-gradient（top，＃f9f9f9，＃b6b4b4）;}