css麵包屑例項

Genee發表於2019-01-02
  • 麵包屑例項

    • inline相容IE7
    • inline-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>
複製程式碼

效果圖

css麵包屑例項

相關文章