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

CSS学习笔记----简单表格实现

2014-11-07 12:31 393 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css12table</title>
<meta name="author" content="Administrator" />
<!-- Date: 2014-10-29 -->
<style type="text/css">
*{
font-size:12px;
}
body{
padding:50px;
}
table.ha{
border-bottom: 1px #000 solid;
border-left: 1px #000 solid;
}
table.ha td{
border-right: 1px #000 solid;
border-top: 1px #000 solid;
text-align: center;
height:30px;
}
table.ha thead{
background:#a32;
color:#fff;
}
tr.odd_line{
background:#aaa;
}
</style>
</head>

<body>
<table width="900px" cellpadding="0px" cellspacing="0px" class="ha">
<thead>
<tr >
<td>用户姓名</td>
<td>用户标识</td>
<td>用户代码</td>
<td>用户id</td>
<td>用户密码</td>
</tr>
</thead>
<tr class="odd_line">
<td>张三</td>
<td>VIP</td>
<td>034</td>
<td>1189</td>
<td>45673456</td>
</tr>
<tr>
<td>张三</td>
<td>VIP</td>
<td>034</td>
<td>1189</td>
<td>45673456</td>
</tr>
<tr class="odd_line">
<td>张三</td>
<td>VIP</td>
<td>034</td>
<td>1189</td>
<td>45673456</td>
</tr>
<tr>
<td>张三</td>
<td>VIP</td>
<td>034</td>
<td>1189</td>
<td>45673456</td>
</tr>
<tr class="odd_line">
<td>张三</td>
<td>VIP</td>
<td>034</td>
<td>1189</td>
<td>45673456</td>
</tr>
<tr>
<td>张三</td>
<td>VIP</td>
<td>034</td>
<td>1189</td>
<td>45673456</td>
</tr>
</table>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航