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

来源：互联网发布：知豆电动车加盟官网编辑：程序博客网时间：2024/06/07 23:27
<!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>
0 0