-
面包屑實(shí)例
-
inline
兼容IE7 -
inline-block
最低只能兼容至IE8
-
代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>測(cè)試面包屑</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">
測(cè)試面包屑
</h2>
</div>
</body>
</html>
效果圖
image