这是我在做签名网站的时候使用的一套样式表，抛砖引玉，供大家参考，实际效果请查看：

/* Global setting. */
body{margin: 0px; padding: 0px; font-family: Tahoma; font-size: 12px; background-color: #FFF; }
table, input, textarea{font-family:Tahoma; font-size:12px;}
a, a:visited{text-decoration: none;}
/*a:hover {color:#FFF;}*/
form{margin:0}
label{display:block; margin:0; padding:0 20px 0 0; text-align:right; clear:none}
label input {margin:2px; padding:0;}

/* Special box area. */
.note {font-size:11px; color:red} /* Used in to show the help info for a item for example, Register.php. */
.desc {width:70%; height:50px;} /* The description of one item, used for textarea. */
.onestepsign{width:468px; height:45px; border:1px dashed blue; padding:0}
.indentbox{margin:10px 10px 10px 20px;}
.rightalignbox{width:95%; text-align:right;}
.button {padding:1px 2px 1px 2px; height:20px;background-color:#ccc; color:#000; cursor:hand; border:1px solid black;}
.waitting{color:white; background:darkred;}

.thinbordertbl{background-color:#979A9D; border:none}
.thinbordertbl tr {background-color:white}

.previewsign, .previewsign div {text-align:center}
.previewsign textarea{width:90%; height:35px; border:1px dotted black}
.previewsign span {width:90%; text-align:left; display:block; margin-left:auto; margin-right:auto}

.matterpreview {width:100px;height:75px; border:1px solid black; cursor:hand}
.matteractive {width:100px;height:75px; border:2px solid red; cursor:hand}

/* Switch show or hide */
.hide{display:none}

/* Color style. */
.red{color: red;}

/* The bar at top. */
#topbar {width:100%; margin:5px 0 5px 0; text-align:right; background-color:#EFEFEF; border-bottom: 1px solid #CCC}

/* Container box */
.outerbox{width:100%; margin-right: auto; margin-left: auto; margin-top: 0px; padding: 0px; text-align:center;clear:both}
.innerbox{width:760px;margin-right: auto; margin-left: auto; margin-top: 0px; padding: 0px; text-align:center;clear:both}
.halfboxleft {width:49%; float:left; clear:left}
.halfboxright{width:49%; float:right; clear:right}

/* Logo & Banner */
#logo {float:left; width:140px; height:60px; margin-bottom:5px; text-align:left}
#banner {float:left; width:475px; height:60px; margin-bottom:5px; text-align:center}
#adlogo {float:right; width:140px; height:60px; margin-bottom:5px; text-align:center; border:1px solid #73A2EF;}

/* GuiderBar */
#guiderbar {width:760px; margin-bottom:2px; padding: 0px; background-color:#D6E7FF;}
#guiderbar ul {float:left; width:100%; margin:0; padding:0px; display:inline; list-style-type:none; background-color:#D6E7FF; border:1px solid #73A2EF} /* Must set bgcolor, others don't work under opera.*/
#guiderbar li {float:left; width:75px; text-align:center; margin:0; padding:0; border-right:1px solid #FFF}
#guiderbar li a {width:100%; margin:0px; padding:2px 0px 2px 0px; display:block;}
#guiderbar li a:hover {color:#FFF; background-color:#8B0000; font-weight:bold}
#guiderbar li .current {color:#FFF; background-color:#00008B; font-weight:bold}

/* WiderColumn */
#widercolumn {float:left; width:450px; margin:0; padding:0;}
#widercolumn dl{margin: 5px 0 5px 0; padding:0; border:1px solid #D6E7FF; border-top:none; text-align:left}
#widercolumn dt{padding:3px 3px 3px 25px; border-top:1px solid #D6E7FF; border-bottom: 1px solid #D6E7FF; background-color:#D6E7FF; font-weight:bold}

/* NarrowColumn */
#narrowcolumn {float:right; width:300px; margin:0; padding:0;}
#narrowcolumn dl{margin: 5px 0 5px 0; padding:0; border:1px solid #9C71CE; border-top:none; text-align:left}
#narrowcolumn dt{padding:3px 3px 3px 25px; border-top:1px solid #9C71CE; border-bottom: 1px solid #9C71CE; background-color:#9C71CE; color:#000;font-weight:bold;}

#narrowcolumn dd, #widercolumn dd{width:100%; margin-left:0px; padding:10px; text-align:left;}
#narrowcolumn dd:first-letter, #widercolumn dd:first-letter{color:red}

/* Important, use dark background. */
#narrowimportant dd, #widerimportant dd{width:100%;}
#narrowimportant dl, #widerimportant dl{margin: 5px 0 5px 0; padding:0; border:1px solid #39659C; border-top:none; text-align:left}
#narrowimportant dt, #widerimportant dt{padding:3px 3px 3px 25px; border-top:1px solid #39659C; border-bottom: 1px solid #39659C; background-color:#39659c; color:#000;font-weight:bold;}

/* AD Footer */
#adfooter td{margin: 5px 5px 5px 5px; padding:2px; border:1px solid #9C71CE; text-align:center; width:120px; height:60px;}

/* Footer */
#footer{width:100%; margin-top:5px; background-color:#EFEFEF; border-top:solid 1px #CCC}