下面是两个纯CSS 面包屑导航栏实现代码,在网上找了一些方法但觉得都不合适唯独这两个纯css的就差不多了,下面一聚小编来给大家整理一下。
方法一,
说明:本方法使用CSS3,无图片,兼容各种webkit系浏览器,同时兼容。先上图:
1.首先是HTML代码,比较简单,只需要一个简单的ul和li即可代码如下:
复制代码代码如下:<div id=”crumbs”><ul> <li><a>首页</a></li> <li><a>目录</a></li> <li><a>子目录</a></li></ul><div class=”fix