<img style="max-width:90%" style="max-width:90%" alt="" src="http://files.jb51.net/upload/20081126135915126.jpg" style="max-width:90%" border="0"><br><div class="htmlarea"> <textarea id="runcode42846"> <title> Windows UI Table </title> <meta name="author" content="DeltaCat@www.zu14.cn"> <meta name="keywords" content="table, css"> <meta name="description" content="windows ui table"> <style type="text/css"> td{font-size:12px;font-family: Verdana,tahoma} .winUI { margin: 0 auto; border: solid 1px #d4d0c8; } .winUI tr td, .winUI thead td, tfoot td { border-left: 1px solid buttonhighlight; border-top: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; } .winUI thead td, tfoot td { background-color: #ece9d8; cursor: pointer; padding: 4px; font-weight: bold; } </style> <table cellpadding="4" cellspacing="0" border="1" class="winUI" width="500px"> <thead> <td>列标题1 <img src="sortup.gif" style="max-width:90%" style="max-width:90%" alt="升序"> </td> <td>列标题2</td> <td>列标题3 <img src="sortdown.gif" style="max-width:90%" style="max-width:90%" alt="降序"> </td> <td>列标题4</td> <td>列标题5</td> </thead> <tbody> <tr> <td>test</td> <td>good</td> <td>nothing</td> <td>OK</td> <td>中文</td> </tr> <tr> <td>price</td> <td>ABC.COM</td> <td>123.98</td> <td>￥1023.98</td> <td>嘿嘿</td> </tr> <tr> <td>product</td> <td>真有意思</td> <td>2008-11-23</td> <td>两只老虎</td> <td>不是吧</td> </tr> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> </tbody> <tfoot> <td colspan="5" style="text-align: right">共 5 行</td> </tfoot> </table> </textarea><br><input onclick="runEx('runcode42846')" type="button" value="运行代码"> <input onclick="doCopy('runcode42846')" type="button" value="复制代码"> <input onclick="doSave(runcode42846)" type="button" value="保存代码">[Ctrl+A 全选 注:<a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">如需引入外部Js需刷新才能执行</a>]</div>
