有时候替换Table更好用, CSS3设置Table奇数行和偶数行

最新推荐文章于 2024-05-30 19:00:37 发布

Andy__Huang

最新推荐文章于 2024-05-30 19:00:37 发布

阅读量1.2w

点赞数 1

分类专栏： .NET程序 JavaScript & CSS

本文链接：https://blog.csdn.net/hdhai9451/article/details/49055097

版权

.NET程序同时被 2 个专栏收录

72 篇文章 1 订阅

订阅专栏

JavaScript & CSS

25 篇文章 0 订阅

订阅专栏

一、标签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>

Andy__Huang

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
有时候替换Table更好用, CSS3设置Table奇数行和偶数行

标签dl,dt,dd不是经常用，用可以做简单列表，它也用独特好用之处。还有ol,ul,li,它还能自动产生序呢。一个普通列表中国城市北京上海广州美国城市华盛顿芝加哥纽约 Apple Car Coffee Mile运行效果：中国城市北京上海广州美国城市华盛顿
复制链接

扫一扫

专栏目录