Meta charset="UTF-8"> @H_403_6@ * { padding: 0; margin: 0; } .Box { width: 500px; height: 400px; border: 1px solid #ccc; margin: 100px auto; overflow: hidden; } ul { width: 600px; height: 40px; margin-left: -1px; list-style: none; } li { float: left; width: 101px; height: 40px; text-align: center; font: 600 18px/40px "simsun"; background-color: pink; cursor: pointer; } span { display: none; width: 500px; height: 360px; background-color: yellow; text-align: center; font: 700 150px/360px "simsun"; } .show { display: block; } .current { background-color: yellow; }

<div class="Box">

• 袜子
• 帽子
• 裤子
• 裙子

袜子 帽子 裤子 裙子