实例首页
自学教程
IT工具箱
源代码
下载代码
上下布局
点击运行 >
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css 面包屑导航 实例 - 自学教程(runoops.com)</title> <style> ul.breadcrumb { padding: 8px 16px; list-style: none; background-color: #eee; } ul.breadcrumb li {display: inline;} ul.breadcrumb li+li:before { padding: 8px; color: black; content: "/\00a0"; } ul.breadcrumb li a {color: green;} </style> </head> <body> <h2>面包屑导航</h2> <ul class="breadcrumb"> <li><a href="https://runoops.com/">首页 </a></li> <li><a href="#">前端 </a></li> <li><a href="https://runoops.com/htmltutorial.html">HTML 教程 </a></li> <li>HTML 段落</li> </ul> </body> </html>
运行结果：