您好!欢迎来到爱源码

爱源码

热门搜索: 抖音快手短视频下载   

CSS表格两种底色自动切换

  • 最后更新:2016-03-12 22:19 阅读:13408

<!DOCTYPE html>


<html>


<head>


<meta charset="UTF-8">


<title></title>


<style>


bg1{background:#FED700;}



table,tr,td,th{


padding: 0;


margin: 0;


}


table{


width: 100%;


border-color: #ccc;


}


table tr{


line-height: 30px;


border-color: #ccc;


}


table th,table td{


text-align: center;


border-color: #ccc;


}


table tr:nth-child(odd){


background: #ccc;


}


</style>


当需要偶数行背景时使用样式:


table tr:nth-child(even){


background: #ccc;


}



</head>


<body>


<table border="1" cellspacing="0">


<tr>


<th bgcolor="#862725">1</th>


<th>2</th>


<th>3</th>


</tr>


<tr>


<td>1-1</td>


<td>1-2</td>


<td>1-3</td>


</tr>


<tr>


<td>1-1</td>


<td>1-2</td>


<td>1-3</td>


</tr>


<tr>


<td>1-1</td>


<td>1-2</td>


<td>1-3</td>


</tr>


<tr>


<td>1-1</td>


<td>1-2</td>


<td>1-3</td>


</tr>


</table>


</body>


</html>



联系我们
Q Q:375457086
Q Q:526665408
电话:0755-84666665
微信:15999668636
联系客服
企业客服1 企业客服2 联系客服
86-755-84666665
手机版
手机版
扫一扫进手机版
返回顶部