css style button imitate windows

来源：互联网发布：网络测速软件下载编辑：程序博客网时间：2024/04/30 11:47

<HTML><HEAD>
<TITLE>CSS按钮效果</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<style>
.handbtn {
BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; HEIGHT: 18px; WIDTH: 3px
}
.sepbtn {
BORDER-LEFT: buttonshadow 1px solid; BORDER-RIGHT: buttonhighlight 1px solid; HEIGHT: 18px; WIDTH: 2px
}
.btnover {
BORDER-BOTTOM: #808080 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #ffffff 1px solid; CURSOR: default
}
.btndown {
BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #808080 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #808080 1px solid; CURSOR: default
}
.outdiv {
BORDER-BOTTOM: buttonhighlight 1px solid; BORDER-LEFT: buttonshadow 1px solid; BORDER-RIGHT: buttonhighlight 1px solid; BORDER-TOP: buttonshadow 1px solid; WIDTH: 100%
}
.indiv {
BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid
}
TD {
FONT-SIZE: 12px
}
</style>
<SCRIPT language=JavaScript>

</SCRIPT>

<META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
<BODY class=outdiv leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">

<TABLE align=center border=0 cellPadding=0 cellSpacing=0 class=indiv
width=795>
<TBODY>
<TR>
    <TD width=707>

      <TABLE bgColor=buttonface border=0 cellPadding=0 cellSpacing=0
        height=24><TBODY>
        <TR>
          <TD width=2></TD>
          <TD width=1><SPAN class=handbtn></SPAN></TD>
          <TD align=middle width=150>

            <TABLE border=0 cellPadding=2 cellSpacing=0 width="96%">
              <TBODY>
              <TR>
                <TD align=middle height=20
                onmousedown="this.className='btndown'"
                onmouseout="this.className=''"
                onmouseover="this.className='btnover'"
                onmouseup="goto('http://www.xfrc.com')" >大泉州网络技术有限公司</TD>
</TR>
</TBODY></TABLE>
</TD>
          <TD width=1><SPAN class=sepbtn></SPAN></TD>
          <TD align=middle width=95>
            <TABLE border=0 cellPadding=0 cellSpacing=0 width="95%">
              <TBODY>
              <TR>
                <TD align=middle height=20
                onmousedown="this.className='btndown'"
                onmouseout="this.className=''"
                onmouseover="this.className='btnover'" onmouseup="goto('http://www.qzsj.com')">泉州通讯广场</TD></TR></TBODY></TABLE></TD>
          <TD width=1><SPAN class=sepbtn></SPAN></TD>
          <TD align=middle width=100>
            <TABLE border=0 cellPadding=0 cellSpacing=0 width="95%">
              <TBODY>
              <TR>
                <TD align=middle height=20
                onmousedown="this.className='btndown'"
                onmouseout="this.className=''"
                onmouseover="this.className='btnover'" onmouseup="goto('http://www.xfrc.com/film/')">在线影院(宽带)</TD></TR></TBODY></TABLE></TD>
          <TD width=1><SPAN class=sepbtn></SPAN></TD>
          <TD align=middle width=85>
            <TABLE border=0 cellPadding=0 cellSpacing=0 width="95%">
              <TBODY>
              <TR>
                <TD align=middle height=20
                onmousedown="this.className='btndown'"
                onmouseout="this.className=''"
                onmouseover="this.className='btnover'" onmouseup="goto('http://www.qzpc.com')">泉州电脑城</TD></TR></TBODY></TABLE></TD>
          <TD width=1><SPAN class=sepbtn></SPAN></TD>
          <TD align=middle width=85>
            <TABLE border=0 cellPadding=0 cellSpacing=0 width="95%">
              <TBODY>
              <TR>
                <TD align=middle height=20
                onmousedown="this.className='btndown'"
                onmouseout="this.className=''"
                onmouseover="this.className='btnover'" onmouseup="goto('http://www.xfrc.com')">泉州商贸网</TD></TR></TBODY></TABLE></TD>
          
          <TD align=middle width=90>
            <TABLE border=0 cellPadding=0 cellSpacing=0 width="95%">
              <TBODY>
              <TR>
                <TD align=middle height=20
                onmousedown="this.className='btndown'"
                onmouseout="this.className=''"
                onmouseover="this.className='btnover'" onmouseup="goto('http://www.qzrc.com.cn')">大泉州人才网</TD></TR></TBODY></TABLE></TD>
          <TD width=1><SPAN class=sepbtn></SPAN></TD>
          <TD>  </TD>
</TR></TBODY></TABLE></TD>
    <TD align=middle width=88> </TD>
</TR>
</TBODY></TABLE>

</BODY></HTML>