-
麵包屑例項
inline相容IE7inline-block最低只能相容至IE8
程式碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>測試麵包屑</title>
<style>
.content {
border-bottom: 2px solid #ccccff;
}
.h2 {
margin-bottom: -2px; /* 使得兩條線重疊 */
border-bottom: 2px solid #ff7800;
display: inline; /* inline和inline-block效果相同，inline-block不相容IE7，inline相容IE7 */
}
</style>
</head>
<body>
<div class="content">
<h2 class="h2">
測試麵包屑
</h2>
</div>
</body>
</html>
複製程式碼效果圖