css3 条纹化和透明化表格Firefox下测试成功

网络推广 2025-05-17 09:55www.dzhlxh.cn网络推广竞价

HTML部分代码如下:

```html

{% for w in words %}

{% endfor %}

Synonym Cosine
{{ w.0 }}{{ w.1 }}

```

```css

table {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

width: 70%;

border-collapse: collapse;

position: relative;

left: 50px;

}

thead th {

font-size: 1.2em;

text-align: left;

padding-top: 5px;

padding-bottom: 4px;

background-color: 663366;

color: ffffff;

border: 1px solid 990099;

padding: 3px 7px 2px 7px;

}

tbody tr, td {

font-size: 1em;

border: 1px solid 990099;

padding: 3px 7px 2px 7px;

}

tbody tr:nth-of-type(even) {

background-color: rgba(138, 43, 226, 0.2); /偶数行背景色/

}

tbody tr:nth-of-type(odd) {

background-color: rgba(169, 169, 169, 0.2); /奇数行背景色/

}

```

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板