一、标签dl,dt,dd不是经常用,用可以做简单列表,它也用独特好用之处。还有ol,ul,li,它还能自动产生序呢。
<html>
<head>
<title>一个普通列表</title>
</head>
<body text="blue">
<dl>
<dt>中国城市</dt>
<dd>北京 </dd>
<dd>上海 </dd>
<dd>广州 </dd>
<dt>美国城市</dt>
<dd>华盛顿 </dd>
<dd>芝加哥 </dd>
<dd>纽约 </dd>
</dl>
<ol>
<li>Apple</li>
<li>Car</li>
</ol>
<ol type="A">
<li>Coffee</li>
<li>Mile</li>
</ol>
</body>
</html>
运行效果:
中国城市
北京
上海
广州
美国城市
华盛顿
芝加哥
纽约
1.Apple
2.Car
A.Coffee
B.Mile
二、CSS3设置Table奇数行和偶数行
<style type="text/css">
.my_table tr:nth-child(even) {
background: #d8ebfa;
}
.my_table tr:nth-child(odd) {
background: White;
}
</style>
<table class="my_table">
.......................................
</table>