带有电子邮件通讯的CSS的选项卡菜单

Question

我正在尝试为电子邮件新闻稿建立选项卡菜单，而我被困在选择CSS中的元素。 问题是我是否可以仅使用css创建选项卡菜单，而无需使用form标签仅使用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 个解决方案

解决方案1
0 2017-08-08 11:41:40

带有电子邮件通讯的CSS的选项卡菜单

问题描述

1 个解决方案

解决方案1 0 2017-08-08 11:41:40

解决方案1
0 2017-08-08 11:41:40