background-color:#000
}
td:nth-child(2n){
background-color:#fff
}
tr:nth-child(2n) td{
background-color:#fff
}
tr:nth-child(2n) td:nth-child(2n){
background-color:#000
}
〈Table border=0 id=tb1 style="border:3px solid red"〉〈tr〉〈td〉用样式表(CSS)定制表格的例子〈/td〉〈/tr〉
〈/Table〉
32,Q:闪亮的表格边框：
A:
制做闪亮的表格边框！
<!-- 这段脚本放在表格的后面
function flashit()
{
if (!document.all) return
if (tb1.style.borderColor=="green")
tb1.style.borderColor="red"
else
tb1.style.borderColor="green"
}
setInterval("flashit()", 400)
//-->
<style>
*{
padding:0px
margin: 0px
}
div{
margin: 30px 0px 0px 30px
width: 100px
height: 100px
border: 1px solid #ccc
border-right:none
border-bottom: none
}
ul{
float: left
}
ul li{
list-style: none
width: 24px
height: 24px
border-right:1px solid #ccc
border-bottom: 1px solid #ccc
}
</style>
</head>
<body>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</body>
效果如下：
