<p>好看的table样式，教程站常用</p><pre class="brush:html;toolbar:false"><!doctypehtml>
<html>
<head>
<metacharset="UTF-8">
<title>好看的table样式，教程站常用</title>
<styletype="text/css">
table.dataintable{
margin-top:15px;
border-collapse:collapse;
border:1pxsolid#aaa;
width:100%;
}
table.dataintableth{
vertical-align:baseline;
padding:5px15px5px6px;
background-color:#3F3F3F;
border:1pxsolid#3F3F3F;
text-align:left;
color:#fff;
}
table.dataintabletd{
vertical-align:text-top;
padding:6px15px6px6px;
border:1pxsolid#aaa;
}
table.dataintabletr:nth-child(odd){
background-color:#F5F5F5;
}
table.dataintabletr:nth-child(even){
background-color:#fff;
}
</style>
</head>
<body>
<table>
<tr>
<th>值</th>
<th>描述</th>
</tr>
<tr>
<td><i>outline-color</i></td>
<td>规定边框的颜色。</td>
</tr>
<tr>
<td><i>outline-style</i></td>
<td>规定边框的样式。</td>
</tr>
<tr>
<td><i>outline-width</i></td>
<td>规定边框的宽度。</td>
</tr>
<tr>
<td>inherit</td>
<td>规定应该从父元素继承outline属性的设置。</td>
</tr>
</table>
</body>
</html></pre>