2017-08-08 68 views
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; 
} 

我想达到是有滑块效果还是有一个像手风琴的效果,但与当第二个标签按钮被按下时,第二个标签内容将出现。

回答

0

你可以通过这个链接,如果你发现它与你想要的相似。

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