Similar to Windows tabs and buttons, similar to windows style
<Html>
<Head>
<Style type = "text/css">
<! --
Body {font-family: 'Ms Shell dlg',, Tahoma; font-size: 12px; background-color: #336699; color: #000000 ;}
Td, div, input, textarea {font-family: 'Ms Shell dlg',, Tahoma; font-size: 12px; cursor: default ;}
. Title {background-color: #000080; color: # fdf7d3; padding: 1; font-family:; font-size: 12px ;}
. Up {background-color: # cccccc; color: #000000; border: 2px outset # ffffff}
. Down {background-color: # cccccc; border: 2px inset # ffffff}
. Up1 {background-color: # cccccc; color: #000000; border: 1px outset # ffffff}
. Down1 {background-color: # cccccc; border: 1px inset # ffffff}
. L {background-color: # cccccc; height: 18px; border-left: 2px outset # ffffff;
Border-right: 2px outset # ffffff; color: #000000;
Border-top: 2px outset # ffffff; padding-top: 2; height: 18}
. Lc {background-color: # cccccc; height: 18px; border-left: 2px outset # ffffff;
Border-right: 2px outset # ffffff; color: #000000;
Border-top: 2px outset # ffffff; padding-top: 2; height: 20}
. L-h {background-color: # cccccc; border-left: 2px outset # ffffff; border-top: 2px outset # ffffff; color: #000000 ;}
. L-c {background-color: # cccccc; border-top: 2px outset # ffffff}
. L-r {background-color: # cccccc; border-right: 2px outset # ffffff; border-top: 2px outset # ffffff; color: #000000 ;}
. L-hc {background-color: # cccccc; border-left: 2px outset # ffffff; color: #000000 ;}
. L-cc {background-color: # cccccc; color: #000000 ;}
. L-rc {background-color: # cccccc; border-right: 2px outset # ffffff; color: #000000 ;}
Td {color: #000000 ;}
-->
</Style>
<Title> display attributes </title>
</Head>
<Body style = "border: outset 1 # ffffff; margin: 0; background-color: # cccccc; padding: 3px" scroll = no>
<Script language = "JavaScript">
<! --
Function restore ()
{
Td1.className = "l"; td2.className = "l"; td3.className = "l"; td4.className = "l"; td5.className = "l"; td6.className = "l ";
Td_1.className = "l-h"; td_2.className = "l-c"; td_3.className = "l-c"; td_4.className = "l-c"; td_5.className = "l-c "; td_6.className = "l-c ";
W1.style. display = "none"; w2.style. display = "none"; w3.style. display = "none"; w4.style. display = "none"; w5.style. display = "none"; w6.style. display = "none ";
}
Function c1 ()
{
Td1.className = "lc ";
Td_1.className = "l-hc ";
W1.style. display = "block ";
}
Function c2 ()
{
Td2.className = "lc ";
Td_2.className = "l-cc ";
W2.style. display = "block ";
}
Function c3 ()
{
Td3.className = "lc ";
Td_3.className = "l-cc ";
W3.style. display = "block ";
}
Function c4 ()
{
Td4.className = "lc ";
Td_4.className = "l-cc ";
W4.style. display = "block ";
}
Function c5 ()
{
Td5.className = "lc ";
Td_5.className = "l-cc ";
W5.style. display = "block ";
}
Function c6 ()
{
Td6.className = "lc ";
Td_6.className = "l-cc ";
W6.style. display = "block ";
}
// -->
</SCRIPT>
<Form name = "free" method = "post" target = "_ target">
<Div align = "center">
<Center>
<Table border = "0" cellpadding = "0" cellspacing = "0" width = "400" height = "61">
<Tr>
<Td width = "50" height = "20" align = "center" valign = "bottom" onclick = restore (); c1 ();> <div id = "td1" class = "lc"> background </div> </td>
<Td width = "50" height = "20" align = "center" valign = "bottom" onclick = restore (); c2 ();> <div id = "td2" class = "l"> screensaver </div> </td>
<Td width = "50" height = "20" align = "center" valign = "bottom" onclick = restore (); c3 ();> <div id = "td3" class = "l"> appearance </div> </td>
<Td width = "50" height = "20" align = "center" valign = "bottom" onclick = restore (); c4 ();> <div id = "td4" class = "l"> Web </div> </td>
<Td width = "50" height = "20" align = "center" valign = "bottom" onclick = restore (); c5 ();> <div id = "td5" class = "l"> effect </div> </td>
<Td width = "50" height = "20" align = "center" valign = "bottom" onclick = restore (); c6 ();> <div id = "td6" class = "l"> Settings </div> </td>
<Td width = "50" height = "20" align = "center" valign = "bottom"> </td>
<Td width = "50" height = "20" align = "center" valign = "bottom"> </td>
</Tr>
<Tr style = "">
<Td width = "50" height = "1" align = "center" class = "l-hc" id = "td_1"> </td>
<Td width = "50" height = "1" align = "center" class = "l-c" id = "td_2"> </td>
<Td width = "50" height = "1" align = "center" class = "l-c" id = "td_3"> </td>
<Td width = "50" height = "1" align = "center" class = "l-c" id = "td_4"> </td>
<Td width = "50" height = "1" align = "center" class = "l-c" id = "td_5"> </td>
<Td width = "50" height = "1" align = "center" class = "l-c" id = "td_6"> </td>
<Td width = "50" height = "1" align = "center" class = "l-c" id = "td _"> </td>
<Td width = "50" height = "1" align = "center" class = "l-r" id = "td _"> </td>
</Tr>
<Tr>
<Td width = "398" height = "360" class = "up" colspan = "8" style = "border-top-style: solid; border-top-width: 0; padding: 5 ">
<P align = "center">
<Div align = "center">
<Table border = "0" cellpadding = "0" cellspacing = "0" width = "100%" height = "325">
<Tr>
<Td width = "100%" height = "280">
<Div align = "center">
<Center>
<Div style = "display:" id = w1> <Div style = "display: none" id = w2> <Div style = "display: none" id = w3> <Div style = "display: none" id = w4> <Div style = "display: none" id = w5> <Div style = "display: none" id = w6> </Center>
</Div>
</Td>
</Tr>
</Table>
</Div>
</Td>
</Tr>
</Center>
<Tr>
<Td width = "398" height = "37" colspan = "8" style = "border-top-style: solid; border-top-width: 0; padding: 5 ">
<P align = "right"> <input type = "button" value = "OK" name = "_ OK" style = "width: 60; height: 22 "class = up>
<Input type = "button" value = "cancel" name = "_ cancel" style = "width: 60; height: 22" class = up onclick = "window. close (); ">
<Input type = "button" value = "application (A)" name = "_ apply" style = "width: 60; height: 22" disabled class = up>
</Td>
</Tr>
</Table>
</Div>
</Form>
<Div> <A href = "http://www.999jiujiu.com/"> http://www.999jiujiu.com/</A> </div>
</Body>
</Html>