您的位置：首页 > Web前端 > CSS

CSS基础-11CSS样式-表格

2015-07-29 23:14 537 查看

<!DOCTYPE html>
<!--CSS样式-表格-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link href="css6.css" type="text/css" rel="stylesheet">
</head>
<body>
<table id="tb">
<tr class="alt">
<td>中国人</td>
<td>中国人</td>
<td>中国人</td>
</tr>
<tr>
<td>中国人</td>
<td>中国人</td>
<td>中国人</td>
</tr>
<tr class="alt">
<td>中国人</td>
<td>中国人</td>
<td>中国人</td>
</tr>

</table>
</body>
</html>

css:

/*#tb,tr, td, th{*/
/*边框宽度*/
/*border: 2px  solid brown;*/
/*文字居中*/
/*text-align: center;*/
/*背景颜色*/
/*background-color: #b3d4fc;*/

/*}*/
/*#tb{*/
/*width: 200px;*/
/*height: 200px;*/
/*边框设为单线*/
/*}*/
#tb{
border-collapse: collapse;
width: 300px;
padding: 10px;

}
#tb td,#tb th{
border: 1px solid #ffff00;

}
#tb th{
text-align: right;
background-color: brown;
color: aqua;

}
#tb tr.alt td{
color: #cccccc;
background-color: blueviolet;
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航