html时出现小圆点并居中,HTML基础知识 - 使用绝对定位和top/left:50%来使DIV屏幕居中...

CSS

语言：

CSSSCSS

确定

a {

text-decoration: none;

}

input[type="text"],

input[type="password"] {

border: 2px solid #f1f1f1;

outline: none;

font: 20px/32px Arial, "Hiragino Sans GB", "微软雅黑", "宋体";

width: 600px;

height: 30px;

padding: 6px 10px;

margin-top: 20px;

transition: border 0.2s ease-in 0s;

}

.resume_verify_bg {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: #333;

z-index: -1;

background: #d9d9d9 url(../images/corp/verify.jpg) center 0px no-repeat;

}

#resume_verify_border {

position: absolute;

top: 50%;

left: 50%;

margin: -125px 0 0 -262px;

width: 525px;

height: 251px;

background-color: #000;

opacity: 0.12;

filter: alpha(opacity: 12);

}

.resume_verify_main {

position: absolute;

width: 503px;

height: 229px;

top: 50%;

left: 50%;

margin: -114px 0 0 -251px;

background-color: #fff;

opacity: 1;

overflow: hidden;

}

.resume_verify_main .title {

height: 44px;

line-height: 44px;

}

.resume_verify_main h3 {

margin: 0;

padding: 0;

background-color: #019875;

color: #fff;

font-size: 18px;

padding-left: 16px;

font-weight: normal;

}

.resume_verify_main .con {

height: 127px;

background-color: #fff;

padding: 38px 27px 0 34px;

}

.resume_verify_main .con .tipSpan {

margin-left: 57px;

}

.resume_verify_main p {

font-size: 18px;

color: #555;

line-height: 24px;

word-break: break-all;

}

.resume_verify_main .center {

text-align: center;

}

.resume_verify_main p.center {

margin-bottom: 30px;

}

.resume_verify_main div.center {

padding: 0;

font-size: 18px;

}

.resume_verify_main div.center i {

font-style: normal;

margin-right: 5px;

}

.resume_verify_main div.center a {

color: #019875;

}

.resume_verify_main .tip {

padding-left: 0;

display: none;

}

.resume_verify_main .tip p {

margin-top: 20px;

}

.resume_verify_main #verify_code {

margin-top: 28px;

width: 154px;

height: 29px;

margin-right: 15px;

vertical-align: middle;

}

.resume_verify_main #sub {

display: inline-block;

width: 77px;

height: 43px;

line-height: 43px;

text-align: center;

margin-top: 27px;

background-color: #019875;

font-size: 20px;

color: #fff;

vertical-align: middle;

}