介绍 & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf-8"祝辞
& lt; title> cssTab切换2 & lt;/title>
& lt;风格类型=拔谋?css"比;
* {
保证金:0;
填充:0;
文字修饰:没有;
}
.tab {
宽度:300 px;
身高:300 px;
保证金:30 px汽车;
溢出:隐藏;
}
.nav {
30 px高度:
}
.content {
身高:270 px;
溢出:隐藏;
}
.cont {
身高:270 px;
}
#{“家庭主父”
背景:绿色;
}
# the2 {
背景:蓝色;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div类=皌ab"祝辞
& lt; div类=皀av"祝辞
& lt;一个href=https://www.yisu.com/zixun/?”“家庭主父”>
两个
小编给大家分享一下css实现选项卡切换的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
方法一,利用一个标签的锚点实现选项卡切换
代码如下: