Html5 + Css3 制作酷炫的导航栏

主要亮点:

  1 ul 水平显示

  2 li 去掉圆点

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

  4 li控制边框样式

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

  6 更改颜色透明度

  7 DIV制作边框阴影

先看效果图:
 
 
Html5 + Css3 制作酷炫的导航栏_第1张图片
 
 
Html5 + Css3 制作酷炫的导航栏_第2张图片
 
实现代码:


 
   
  
  
  
  
  案例
	

 


 

	
 


 
 
 

你可能感兴趣的:(Html5,CSS3,web前端开发笔记)