站长资源 网络编程

一个仿Windows UI的html table，兼容IE和firefox

整理:jimmy2026/8/6浏览2次

简介Windows UI Table td{font-size:12px;font-family: Verdana,tahoma} .winUI { margin: 0 auto; border: solid 1px #d4d0c8; } .winUI tr td, .win

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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" /> </head> <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> <body>  <thead>     列标题1 <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/sortup.gif');"><img src="/UploadFiles/2021-04-02/sortup.gif" alt="一个仿Windows UI的html table，兼容IE和firefox" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>     列标题2     列标题3 <a href="javascript:;" onclick="showimg('sortdown.gif');"><img src="sortdown.gif" alt="一个仿Windows UI的html table，兼容IE和firefox" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>      列标题4     列标题5 </thead>       test     good     nothing     OK     中文       price     ABC.COM     123.98     ￥1023.98     嘿嘿       product     真有意思     2008-11-23     两只老虎     不是吧       a     b     c     d     e       1     2     3     4     5   <tfoot> 共 5 行 </tfoot>  </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：javascript 尚未实现错误解决办法

下一篇：javascript replace()方法的简单分析

站长资源 网络编程

一个仿Windows UI的html table，兼容IE和firefox

最新资源

一句话新闻

标签云