<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
/*4、设置边框样式*/
#tab1 {
width:100%;
text-align:center;/*设置表格中的字体居中*/
border:1px solid black;/*设置边框样式,放在这会不显示需要放在table的样式显示执行5*/
background-color:navy;/*6、设置背景色*/
border-spacing:1px;/*10、边框之间的空隙变成1像素*/
}
#tab1 thead tr { /*7、tab1下的thead下的tr*/
color:white;
}
#tab1 tbody tr { /*8、tab1下的tbody下的tr*/
background-color:white;/*9、最后边框之间的空隙杯tab1的背景色填充*/
}
#tab1 td { /*11、tab1 下td内边局上下7左右5*/
padding:7px 5px;
}
#tab1 table tr:hover { /*12鼠标移入tab1下 table下 tr发生整行变色*/
background-color:#eeeeee;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<%--1、建一个表格--%>
<table id="tab1" "><%--5、在属性里加border="1"边框样式放在这两个边框之间有空隙执行6--%>
<%--2、表格的表头--%>
<thead>
<tr>
<td>Ids</td>
<td>编号</td>
<td>用户名</td>
<td>密码</td>
<td>昵称</td>
<td>性别</td>
<td>生日</td>
<td>民族</td>
</tr>
</thead>
<%--3、主体--%>
<tbody>
<tr>
<td>Ids</td>
<td>编号</td>
<td>用户名</td>
<td>密码</td>
<td>昵称</td>
<td>性别</td>
<td>生日</td>
<td>民族</td>
</tr>
</tbody>
</table>
</div>
</form>
</body>
</html>