实例：暗紫色Tabbar
技术栈：HTML+CSS+JS
效果：
源码：
【HTML】
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>暗紫色Tabbar</title>
<!-- 字体图标库：font-awesome -->
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="223.css" />
</head>
<body>
<div class="tabbar">
<div>
<i class="fa fa-home"></i>
<span>Home</span>
