简易计算器 * { padding: 0; margin: 0; }li { list-style: none; }body { background: #940032; } #counter { width: 500px; height: 420px; background:#939; margin: 50px auto 0; position: relative; }#counter h2 { line-height: 42px; padding-left: 15px; font-size: 14px; font-family: arial; color: #ff3333; }#counter a { font-weight: normal; text-decoration: none; color: #ff3333; }#counter a:hover { text-decoration: underline; }#bg { width: 280px; height: 200px; border: 3px solid #680023; background: #990033; filter: alpha(opacity=80); opacity: 0.8; position: absolute; left: 50%; top: 115px; margin-left: -141px; }#counter_content { width: 250px; position: absolute; top: 130px; left: 130px; z-index: 1; }#counter_content h3 { margin-bottom: 10px; }#counter_content h3 input { border: none; width: 223px; height: 30px; line-height: 30px; padding: 0 10px; background: url(images/ico.png) no-repeat; text-align: right; color: #333; font-size: 14px; font-weight: bold; }#counter_content div { width: 250px; }#counter_content input { width: 60px; height: 30px; line-height: 30px; float: left; background: url(images/ico.png) no-repeat -303px 0; text-align: center; color: #fff; cursor: pointer; margin: 0 1px 4px 0; border:0; }#counter_content div > input:hover { background: url(images/ico.png) no-repeat -243px 0; }#counter p { width: 500px; position: absolute; bottom: 20px; left: 0; color: #ff3333; text-align: center; font-size: 12px; }
