<%@ 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 { 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>
