body, dl, dd, h1, h2, h3, h4, h5, h6, p, form { margin: 0; } ul, ol { margin: 0; padding: 0; } table, td, th { border-collapse: collapse; } ol, ul, li { list-style: none; } h1, h2, h3, h4 { font-size: 100%; } img, input, textarea { vertical-align: middle; border: 0; } a { text-decoration: none; color: #999; outline: none; } a:hover { text-decoration: none; } 选择未访问、已访问、悬浮和活动链接，并设置它们的样式： a:link {color:blue;} a:visited {color:blue;} a:hover {color:red;} a:active {color:yellow;} :hover 选择器用于选择鼠标指针浮动在上面的元素。 提示：:hover 选择器可用于所有元素，不只是链接。 提示：:link 选择器设置指向未被访问页面的链接的样式，:visited 选择器用于设置指向已被访问的页面的链接，:active 选择器用于活动链接。 注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。 body { background: #eef6f9; font: 12px/1 "SimSun", "Microsoft YaHei", tahoma, Verdana, Geneva, sans-serif; color: #434343; position: relative; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } /**/ #bd { background: #fff; width: 960px; margin: 0 auto; } #bnr { position: relative; color: #7ecef4; } #bnr span { position: absolute; right: 20px; top: 20px; line-height:18px; } #bnr a { color: #7ecef4; } /**/ .form-list { margin-top: 48px; padding-left: 74px; width: 800px; } .form-list h2 { color: #434343; padding-bottom: 5px; line-height:18px; } .form-list h2 span { font-weight: normal; } .form-list ul, .form-list div { overflow: hidden; zoom: 1; margin-bottom: 20px; } .form-list li { line-height: 27px; height:27px; width: 250px; float: left; } .form-list li input { position: relative; bottom: 2px; *bottom: 0; } .form-list textarea { height: 50px; width: 640px; margin: 5px 0 20px; padding: 4px 5px; border: 1px solid #b7b7b7; border-radius: 2px; outline: none; box-shadow: inset 0 1px 2px #e6e6e6; resize: none; overflow-y: scroll; } .form-list div { padding-top: 5px; } .form-list div input, .form-list div select { float: left; outline: none; } .form-list div select { width: 69px; height: 25px; line-height:25px; border: 1px solid #abadb3; margin-right: 8px; display: inline; } .form-list div input { height: 23px; line-height: 23px; *height: 20px; *line-height: 20px; padding: 0 3px; width: 161px; border: 1px solid #abadb3; border-radius: 2px; box-shadow: inset 0 1px 2px #e6e6e6; } .form-list button { background:#38c4ff url(http://p4.qhimg.com/t0133ce2541b0f32592.gif) no-repeat; width: 130px; height: 42px; line-height:42px; color: #fff; font-weight: 700; font-size: 14px; border: 0; cursor: pointer; margin: -60px 145px 0 0; float : right} /**/ .inst-sd { width: 260px; background: #f7f9fa; border-top: 2px solid #92d741; margin-top: 53px; padding-bottom: 40px; } .inst-sd p { font-size: 14px; line-height: 30px; padding: 20px 25px 0 36px; } .inst-sd button { background:#f6b157 url(http://p0.qhimg.com/t01783d132ab08437a4.gif) no-repeat; width: 99px; height: 36px; line-height:36px; border: 0; cursor: pointer; font-weight: 700; font-size:14px; color: #fff; margin: 15px 0 0 36px; } /**/ #footer { margin:72px 31px 0; border-top:1px solid #eef6f9; padding-bottom:32px} #footer p { text-align:center; color:#e1dbde; padding-top:25px;} 本文来源：https://www.wddqw.com/doc/59e0be41302b3169a45177232f60ddccda38e604.html