求各位帮帮忙吧！关于tab选项卡的有关问题，跪求~
日期：2014-05-17 浏览次数：20602 次
求各位大虾帮帮忙吧！关于tab选项卡的问题，跪求~~~
想实现做常用的那种选项卡，代码如下
可实际结果和想象的不一样，选项卡标签部分（查询条件）并不是常见的那种显示，而是带下划线的文字，也没有出现边框。小弟初学，求各位大虾指教！
------解决方案--------------------
你采用a标签出来肯定是有下划线的。。。
<a href="#div_initiative" style="text-decoration:none "><span>查询条件</span></a>
这样就没下划线了
------解决方案--------------------
就你上面的代码是不可能实现的。。CSS都不写。。网上代码很多搜搜吧
------解决方案--------------------
想实现做常用的那种选项卡，代码如下
- 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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
