利用html和CSS3实现导航栏

本篇文章给大家分享基于html和css3制作酷炫的导航栏，效果非常美观，需要的朋友可以从参考下

 主要亮点:

  1 ul 水平显示

  2 li 去掉圆点

  3 li中字体水平、竖直居中

立即学习“前端免费学习笔记（深入）”；

  4 li控制边框样式

  5 使用html + css3 渐变画图 制作背景图片

  6 更改颜色透明度

  7 p制作边框阴影

先看效果图:

 html lang="en">           
 
 
 网址 
 
 百度 
 
 新浪 
 
 
 
 新闻 
 
 视频 
 
 音乐 
 
 地图 
 
 问问 
 
 关于 
 
 
  /html>

代码超简单，希望对大家学习制作html和css3制作超酷导航栏有所帮助。

相关推荐：

如何使用CSS3实现瀑布流布局

如何使用CSS3配合IE滤镜实现渐变和投影的效果

关于css过渡和3D效果的简单实现