*{margin: 0;padding: 0;}
body{position: relative;}
#tab>input{opacity: 0;
position: absolute;
top: 0px;
left: 0px;}
#tab .label{overflow: hidden;}
</style>
</head>
<body>
<div id="tab">
<input checked type="radio" name="name" id="name1">
<input type="radio" name="name" id="name2">
<input type="radio" name="name" id="name3">
<input type="radio" name="name" id="name4">
<div class="label">
<label for="name1">页面1</label>
<label for="name2">页面2</label>
<label for="name3">页面3</label>
</div><div class="content">
<ul>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul
></div
></div
></body>如图...
橋本奈奈未