你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！
最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。
废话不多说，上干货首先尼，新建个HTML文档（这里就省略了啊），然后在编写Tab选项结构。
然后呢，跟你们解释一下，
框包含的内容是菜单栏，
框包含的是面板内容。
其次呢，在样式表中定义Tab菜单的CSS样式。代码如下（得自己根据自己的需求改啊，不许抄我的）：
最后呢，使用JS设计交互效果，如下，因为阿雨的JS知识也没有掌握精练但是这个还是较为简单的。
好了，今天的干货分享就结束了，如果感觉阿雨的分享对你有帮助的，就关注我吧！！！
创作不易，感谢有你，一路同行，加油！
其次呢，在样式表中定义Tab菜单的CSS样式。代码如下（得自己根据自己的需求改啊，不许抄我的）：
创作不易，感谢有你，一路同行，加油！