我正在尝试为电子邮件简报构建一个标签菜单,我一直在选择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;
}
我想要达到的目的是获得滑块效果,或者使用带有标签的手风琴效果,当按下第二个标签按钮时,将显示第二个标签内容。
答案 0 :(得分:0)
如果您发现它与您想要的相似,则可以浏览此链接。
'http://freshinbox.com/blog/interactive-tabs-for-email/'