form { /* 居中表单 */ margin: 0 auto; width: 400px; /* 显示表单的轮廓 */ padding: 1em; border: 1px solid #CCC; border-radius: 1em; } form div + div { margin-top: 1em; } label { /* 确保所有label大小相同并正确对齐 */ display: inline-block; width: 90px; text-align: right; } input, textarea { /* 确保所有文本输入框字体相同 textarea默认是等宽字体 */ font: 1em sans-serif; /* 使所有文本输入框大小相同 */ width: 300px; box-sizing: border-box; /* 调整文本输入框的边框样式 */ border: 1px solid #999; } input:focus, textarea:focus { /* 给激活的元素一点高亮效果 */ border-color: #000; } textarea { /* 使多行文本输入框和它们的label正确对齐 */ vertical-align: top; /* 给文本留下足够的空间 */ height: 5em; } .button { /* 把按钮放到和文本输入框一样的位置 */ padding-left: 90px; /* 和label的大小一样 */ } button { /* 这个外边距的大小与label和文本输入框之间的间距差不多 */ margin-left: .5em; } table{ table-layout:fixed; empty-cells:show; margin:0 auto; } td{ height:40px; } h1,h2,h3{ /* text-align: center; */ color: #E25822; font-size: 28px; margin-bottom: 20px; } .table{ border: 1px solid #CCC; border-radius: 1em; } .table th { background-repeat:repeat-x; height:30px; } .table td,.table th{ padding:0 1em 0; } .table tr.alter{ background-color:#f5fafe; } .link_button { margin: 10px 5%; padding: 10px 18px; color: #fff; font-size: 14px; font-weight: bold; border-radius: 4px; background: #FD8008; text-decoration: none; top: 20px; position: relative; width: 600px; }