简明现代魔法 -> CSS层叠样式表 -> 优雅的数据显示表格
优雅的数据显示表格
2010-01-23
效果演示
| 参数 | 描述 |
|---|---|
| find | 必需。规定要查找的值。 |
| replace | 必需。规定替换 find 中的值的值。 |
| string | 必需。规定被搜索的字符串。 |
| count | 可选。一个变量，对替换数进行计数。 |
CSS 代码
<style>
table.dataintable {
font-family:Arial, Helvetica, sans-serif;
margin-top:10px;
border-collapse:collapse;
border:1px solid #888;
width:100%;
}
table.dataintable pre {
width:auto;
margin:0;
padding:0;
border:0;
background-color:transparent;
}
table.dataintable th {
vertical-align:baseline;
padding:5px 15px 5px 5px;
background-color:#ccc;
border:1px solid #888;
}
table.dataintable td {
vertical-align:text-top;
padding:5px 15px 5px 5px;
background-color:#efefef;
border:1px solid #aaa;
}
table.dataintable p {margin:0 0 2px 0;}
div#maincontent table.dataintable ul, div#maincontent table.dataintable li {
list-style-type:none;
margin:0;
padding:0;
}
table.dataintable td em{
color:#0000ff;
font-weight:normal;
}
table.dataintable .table_value {color:#0F93D2;}
.no_wrap {white-space:nowrap;}
div#maincontent table.dataintable ul.listintable {
margin:20px;
padding:0;
}
div#maincontent table.dataintable ul.listintable li{
list-style-type:disc;
}
</style>