求各位帮帮忙吧！关于tab选项卡的有关问题，跪求~-HTML教程-爱易网页

求各位帮帮忙吧！关于tab选项卡的有关问题，跪求~

日期：2014-05-17　浏览次数：20627 次

求各位大虾帮帮忙吧！关于tab选项卡的问题，跪求~~~
想实现做常用的那种选项卡，代码如下

HTML code


<div id="div_tabstwo" class="div_tabs">
                <ul>
                    <li><a href="#div_initiative"><span>查询条件</span></a></li>
                </ul>
                <div id="div_initiative">
                    <div class="div_basiccontent">
                        <div class="div_condition">
                            <div class="div_title">
                                编号</div>
                            <div class="div_input">
                                <asp:TextBox ID="NumOfMethod" class="textcss" runat="server"></asp:TextBox></div>
                        </div>
                        <div class="div_condition">
                            <div class="div_title">
                                名称</div>
                            <div class="div_input">
                                <asp:TextBox ID="NameOfMethod" class="textcss" runat="server"></asp:TextBox></div>
                        </div>
                        <div class="div_condition">
                            <div class="div_title">
                                类型</div>
                            <div class="div_input">
                                <asp:DropDownList ID="Protocol" class="selectcss" runat="server" Width="160px">
                                </asp:DropDownList>
                            </div>
                        </div>
                     <div class="div_search_botton">
                        <div class="div_btnsearch">
                            <input runat="server" type="reset" id="resetForm" value="重置" class="btCss" /></div>
                        <div class="div_btnsearch">
                            <input type="button" runat="server" id="btnSelect" value="查询" class="btCss" /></div>
                    </div>
                </div>
            </div>
                
                    <!--排序栏结束-->
                    <!--显示内容开始-->
            <div id="div_tabsthree" class="div_tabs">
                <ul>
                    <li><a href="#div_show"><span>生成任务</span></a></li>
                </ul>
                <div id="div_show">

可实际结果和想象的不一样，选项卡标签部分（查询条件）并不是常见的那种显示，而是带下划线的文字，也没有出现边框。小弟初学，求各位大虾指教！

------解决方案--------------------
你采用a标签出来肯定是有下划线的。。。
<a href="#div_initiative" style="text-decoration:none "><span>查询条件</span></a>
这样就没下划线了

------解决方案--------------------
就你上面的代码是不可能实现的。。CSS都不写。。网上代码很多搜搜吧
------解决方案--------------------

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>简洁Tab</title>
<style type="text/css">
<!--
body,div,ul

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

求各位帮帮忙吧！关于tab选项卡的有关问题，跪求~

相关资料更多>

推荐阅读更多>