就是html中tab滑动布局图片的完整CSS代码，要简单点儿！

<ul> <li><a href="#test1">test1</a></li> <li><a href="#test2">test2</a></li> </ul> <div id="test1" class="txt1">111111111111111</div> <div id="test2" class="txt1">222222222222222</div>
.txt1 { border: 1px green solid; padding: 10px; background: #fafafa; height: 50px;width: 600px; position: absolute;} 这里将内容叠加起来。只显示最上面的。不加背景的话，字体就重叠在一起#test1:target,#test2:target { z-index: 1;} 这是当a标签的href触发到id伪test1的target后 的动画 然后将该页显示出来。

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/y37jeer3y.html