0
我想建立一个电子邮件通讯的标签菜单,我卡住选择CSS中的元素。问题是如果我可以用css创建标签菜单,只需用css选择器选择而不创建表单标签。标签菜单与css电子邮件通讯
这是我的html代码:
<body>
<table class="tabs">
<td id="tab1" class="title1">
<h2><a href="#tab1">Tab 1</a></h2>
<div id="div1">
<p>This content appears on tab 1.</p></div>
</td>
<td id="tab2" class="title2">
<h2><a href="#tab2">Tab 2</a></h2>
<div id="div2"><p>This content appears on tab 2.</p></div>
</td>
<td id="tab3" class="title3">
<h2><a href="#tab3">Tab 3</a></h2>
<div id="div3"><p>This content appears on tab 3.</p></div>
</td>
</table>
</body>
这是我的CSS代码:
#tab1:target + div,
#tab2:target + div,
#tab3:target + div{
background-color: green;
}
我想达到是有滑块效果还是有一个像手风琴的效果,但与当第二个标签按钮被按下时,第二个标签内容将出现。