利用css3制作选项卡

大家又没什么好的建议，最近实在不知道写些什么。

如果大家有比较好的建议希望能给我留言，或者私信。

大家都知道，最近阿谦在学前端开发。今天看书时了解到一些CSS3中新增的一些选择器，今天介绍的就是一个伪类选择器:checked，今天阿谦就给大家分享下如何使用checked做一个纯CSS的选项卡。

首先和平时写HTML和CSS一样，不过要使用input的radio（单选卡）来做为点击后选择的内容。通过input:checked来隐藏和显示需要对应的内容

html代码

（向上滑动查看内容）

纯CSS制作TAB选项卡

首页

前端

ShadowSocks

利用服务器搭建个人聊天室

使用hping3发动难以追踪的Dos攻击

用python编写一个自动提醒程序

暂无内容

免费ss账号

ps：有几个标签页，就需要对应添加几个input，同时每个input的name必须设置为一致。这些input必须放在最前面，通过选择后来使用CSS3的同级元素链接符（~）来改变样式。而Tab里面的“首页、前端、ShadowSocks”都要用label包围起来，配上相对应的for.

css代码

（向上滑动查看内容）

在阿谦的网站上能够演示哦，用浏览器访问https://www.jqblog.ml

如果大家有什么希望阿谦写的，或者有什么建议记得留言哦