HTML5+CSS3小实例：全屏导航栏菜单

html-css014

HTML5+CSS3小实例：全屏导航栏菜单,第1张

HTML5+CSS3实现全屏导航栏菜单，悬停在右上角的小图标，点击以圆形扩散的方式绽开全屏导航栏，这种方式的导航栏很吸睛，运用也越来越广，赶紧学起来呀！

效果：

源码：

一种就是把圆角图片作为背景。另一种就是用css3的

border-radius:

15px

属性，要使IE支持

css3，加个文件

behavior:url(pie.htc)

比如

div{behavior:url(pie.htc)

border-radius:

15px

}

pie.htc这个文件百度下有的下的。