用js,css,html怎么做双色斑马线表格?

用js,css,html怎么做双色斑马线表格?,第1张

用jquery来做很简单 就几行代码

比如说是table布局

首先设定 样式1

.style1{样式自己定义}

.style2{...}

引用jquery内裤

写方法

$(function(){

$("tr:even").addClass("style1") //奇数行的样式

$("tr:odd").addClass("style2") //偶数行的样式

})

这样就是交替行的样式

是说的这样的吗

<table width="600" border="1" cellpadding="0" cellspacing="0">

  <tr>

    <td>&nbsp</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

  <tr>

    <td>&nbsp</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

  <tr>

    <td>&nbsp</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

  <tr>

    <td>&nbsp</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

  <tr>

    <td>&nbsp</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

</table> <style>

table{ border:1px #ccc solid margin:0 auto}

tr td{ border:1px #ccc solid height:40px}

tr:nth-child(2n){ background:#ccc}

</style>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7633721.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存