效果演示

Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>选项卡导航栏</title>
<link rel="stylesheet" href="../fonts/css/font-awesome.css">
<link rel="stylesheet" href="./11-选项卡导航栏.css">
</head>
<body>
<div class="container">
<div class="nav">
<div class="item active"><i class="fa fa-file-powerpoint-o"></i></div>
<div class="item"><i class="fa fa-file-photo-o"></i></div>
<div class="item"><i class="fa fa-file-zip-o"></i></div>
<div class