<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>练习 分页</title>
<link type="text/css" href="css/style.css"/>
<script src="js/jquery-3.3.1.js"></script>
<style>
*{margin:0;
padding:0;
list-style:none;}
ul.breadcrumb{
padding:8px 16px;
background-color:#eee;}
ul.breadcrumb li{display:inline;}
ul.breadcrumb li~li:before{
content:"/\00a0";}
ul.breadcrumb li a{
color:green;}
</style>
</head>
<body>
<h2>面包屑导航</h2>
<ul class="breadcrumb">
<li><a href="#">首页 </a></li>
<li><a href="#">前端 </a></li>
<li><a href="#">HTML 教程 </a></li>
<li>HTML 段落</li>
</ul>
<script>
$(document).ready(function(e) {
});
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>练习 分页</title>
<link type="text/css" href="css/style.css"/>
<script src="js/jquery-3.3.1.js"></script>
<style>
*{margin:0;
padding:0;
list-style:none;}
ul.breadcrumb{
padding:8px 16px;
background-color:#eee;}
ul.breadcrumb li{display:inline;}
ul.breadcrumb li~li:before{
content:"/\00a0";}
ul.breadcrumb li a{
color:green;}
</style>
</head>
<body>
<h2>面包屑导航</h2>
<ul class="breadcrumb">
<li><a href="#">首页 </a></li>
<li><a href="#">前端 </a></li>
<li><a href="#">HTML 教程 </a></li>
<li>HTML 段落</li>
</ul>
<script>
$(document).ready(function(e) {
});
</script>
</body>
</html>