最终效果
实现代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
* {
font: normal normal 15px "微软雅黑";
}
div {
width: 380px;
margin: 0 auto;
}
table {
margin: 20px auto;
}
input {
width: 180px;
height: 20px;
outline: none;
}
h1 {
font-size: 22px;
text-align: center;
}
h2 {
font-size: 18px;
line-height: 18px;
font-weight: normal;
text-align: center;
}
table {
width: 360px;
border: 1px solid #99D;
padding: 20px;
}
table tr td {
height: 32px;
text-align: right;
}
#calc {
display: block;
width: 80px;
height: 28px;
margin: 0 auto;