实例：暗紫色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>
