Html+css of the Web (i)---the implementation of the Forum homepage table

Reprint please explain the source, small blog address: http://blog.csdn.net/u012116457

Recently wanted to write a similar forum page, forum home generally need a form to display data, their own simple to write a bit, first on a picture

CSS code:

/* basic information */body{margin:0px;          /* outer margin */text-align:left; /* Text Center align */font-family: ' Trebuchet MS ', ' Lucida sans ', Arial;         Font-size:14px;background: #E1D0BB; /* Background Color */}/* page Layer Container */#container {width:70%;height:100%;margin-left:15%;margin-right:15%;background: #ABE0F1;} /* Header */#header {width:100%;height:30%;margin:0px;background: #ffffff;} /* Page Body */#pageBody {width:100%;height:70%;margin:0px;background: #ffFFFF;}         /* Total table */table {*border-collapse:collapse;/* IE7 and Lower */border-spacing:0; /* Split Line */width:100% is not displayed between columns;}.                            Zebra td,. zebra TH {padding:8px;        /* Control Table height per row */border-bottom:1px solid #FFFFFF;                       /* Width of each line boundary, color */}.zebra tbody tr:nth-child (even) {background: #f0f0f0;      /* The color of even lines, that is, set adjacent two lines of color different */-webkit-box-shadow:0 1px 0 rgba (255,255,255,.8) inset; /* Set Shadow */-moz-box-shadow:0 1px 0 Rgba (255,255,255,.8) inset;box-shadow:0 1px 0 rgba (255,255,255,.8) inset;}         /* Table header style set */.zebra th {text-align:left;           /* Text left aligned */text-shadow:0 1px 0 rgba (255,255,255,.5); border-bottom:1px solid #ccc; Background-color: #eee;           }.zebra TR TD A:link,.zebra TR TD a:visited{FONT-SIZE:15PX;           Text-decoration:none;            Color:blue;          /* Usual color */}.zebra TR TD a:hover{font-width:800;          Text-decoration:underline;             color:red; /* Mouse Floating color */}/* Table bottom */.zebra tfoot td {Border-bottom:0;border-top:1px solid #fff; Background-color: #f1f1f1;} /* A small table for displaying the number of pages */.pagetable{widthborder=0;}  /* Footer */#footer {width:100%;height:10%;margin:0px;background: #FFFF00;}

HTML code:

<! DOCTYPE html>