html ui windows 风格,一个仿Windows UI的html table，兼容IE和firefox

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

Windows UI Table

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;

}

列标题1

列标题2

列标题3

列标题4

列标题5

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

共 5 行

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

时间： 2008-11-25

本文实例讲述了js实现仿Windows风格选项卡和按钮效果的方法.分享给大家供大家参考.具体实现方法如下: