html在线表格样式模板,HTML5+CSS3 表格设计（Table）

HTML5+CSS3 表格设计(Table)

2018-09-16

CSS样式：

[css] view plain copy

body {

width: 600px;

margin: 40px auto;

font-family: "trebuchet MS", "Lucida sans", Arial;

font-size: 14px;

color: #444;

}

table {

*border-collapse: collapse; /* IE7 and lower */

border-spacing: 0;

width: 100%;

}

.bordered {

border: solid #ccc 1px;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

-webkit-box-shadow: 0 1px 1px #ccc;

-moz-box-shadow: 0 1px 1px #ccc;

box-shadow: 0 1px 1px #ccc;

}

.bordered tr:hover {

background: #fbf8e9;

-o-transition: all 0.1s ease-in-out;

-webkit-transition: all 0.1s ease-in-out;

-moz-transition: all 0.1s ease-in-out;

-ms-transition: all 0.1s ease-in-out;

transition: all 0.1s ease-in-out;

}

.bordered td