Question

我正在尝试为电子邮件简报构建一个标签菜单，我一直在选择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;
}

我想要达到的目的是获得滑块效果，或者使用带有标签的手风琴效果，当按下第二个标签按钮时，将显示第二个标签内容。

Answer 1

如果您发现它与您想要的相似，则可以浏览此链接。

'http://freshinbox.com/blog/interactive-tabs-for-email/'

带有css的标签菜单，用于电子邮件简报

1 个答案: