html5+css3网站设计基础教程代码,html5导航栏代码

　　实现的难点在于：第一个孩子，最后一个孩子两个选择器，以后左边距：-1px；的应用，33%,34%宽度的技巧处理。

　　另外一个难点是：box-shadow:1px 0 0 # f1f1f 1 inset；的实现。

　　最后是：复制代码代码如下：

　　背景：-WebKit-渐变(线性，左上，左下，从(#f9f9f9)，到(# b6b4b 4)；背景：-moz-linear-gradient(top，#f9f9f9，# b6b4b 4)；背景：-哦-线性-渐变(上，#f9f9f9，# b6b4b 4)；背景：线性渐变(上，#f9f9f9，# b6b4b 4)；

　　复制代码代码如下：

　　！声明文档类型

　　xml:lang=en

　　头

　　meta http-equiv= Content-Type Content= text/html；charset=UTF-8/

　　titlehtml5，css3菜单/标题

　　style type=text/css 。jikey_demo{宽度：80%;边距：0自动；背景：# f1f1f1}。news _ info { margin-bottom:5px；边框：1px纯色# bbb边框半径：5 pxbox-shadow:0 1px 0 # f1f1f 1；}。news _ info a { display:inline-block；宽度：33%;高度：26px字体系列：微软雅黑；行高：26px文本对齐：居中；颜色：# 555;右边框：1px实心# cccbox-shadow:1px 0 0 # f1f1f 1 inset；}。新闻信息a:第一胎{宽度：33%;箱形阴影：无；border-radius:4px 0 0 4px；}。news _ info a:last-child { width:34%；右边界：无；左边距：-2px；border-radius:0 4px 4px 0；}。新闻_信息答：悬停，news _ info a .当前{ color:# 208 add；背景：-WebKit-渐变(线性，左上，左下，从(#f9f9f9)，到(# b6b4b 4)；背景：-moz-linear-gradient(top，#f9f9f9，# b6b4b 4)；背景：-哦-线性-渐变(上，#f9f9f9，# b6b4b 4)；背景：线性渐变(上，#f9f9f9，# b6b4b 4)；}

　　/风格

　　/头

　　身体

　　div class=jikey_demo

　　当前href=/news/新闻1/aa class= href=/guide/新闻2/aa class= href=/review/新闻3/a/nav

　　/div

　　/body

　　/html

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。