CSS + div 选项卡_html/css_WEB-ITnose

 new document  title >





/**//*Credits: Dynamic Drive CSS Library */
/**//*URL: http://www.dynamicdrive.com/style/ */
#modernbricksmenu{}{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
#modernbricksmenu ul{}{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /**//*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
#modernbricksmenu li{}{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
#modernbricksmenu a{}{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /**//*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /**//*Default menu color*/
border-bottom: 1px solid white;
}
#modernbricksmenu a:hover{}{
background-color: gray; /**//*Menu hover bgcolor*/
}
#modernbricksmenu #current a{}{ /**//*currently selected tab*/
background-color: #D25A0B; /**//*Brown color theme*/
border-color: #D25A0B; /**//*Brown color theme*/
}
#modernbricksmenuline{}{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /**//*Brown color theme*/
}
style >
head >



Home a > li >
New a > li >
Revised a > li >
Tools a > li >
Forums a > li >
ul >
div >
  div >
body >
html >

 

td {}{ 
 font-size: 12px;
 color: #000000;
 line-height: 150%;
 }
.sec1 {}{ 
 background-color: #EEEEEE;
 cursor: hand;
 color: #000000;
 border-left: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
 border-right: 1px solid gray;
 border-bottom: 1px solid #FFFFFF
 }
.sec2 {}{ 
 background-color: #D4D0C8;
 cursor: hand;
 color: #000000;
 border-left: 1px solid #FFFFFF; 
 border-top: 1px solid #FFFFFF; 
 border-right: 1px solid gray; 
 font-weight: bold; 
 }
.main_tab {}{
 background-color: #D4D0C8;
 color: #000000;
 border-left:1px solid #FFFFFF;
 border-right: 1px solid gray;
 border-bottom: 1px solid gray; 
 }
style >
 
function secBoard(n)
{
 for(i=0;i  secTable.cells[i].className="sec1";
 secTable.cells[n].className="sec2";
 for(i=0;i  mainTable.tBodies[i].style.display="none";
 mainTable.tBodies[n].style.display="block";
}
script >
 
   
  关于TBODY标记 td >
  关于cells集合 td >
  关于tBodies集合 td >
  关于display属性 td >
  tr >
  table >
 
   
   
   
 
 这里填加内容，略去。1  td >
  tr >
  tbody >    
   
   
 
 这里填加内容，略去。2  td >
  tr >
  tbody >    
   
   
 
 这里填加内容，略去。3  td >
  tr >
  tbody >    
   
   
 
 这里填加内容，略去。4  td >
  tr >
  tbody >  
  table >