老师您好，check pls. thsnks a lot.

<!DOCTYPE html>

<html>

<head>

padding: 0;

margin: 0;

}

.top{

width:100%;

height: 80px;

line-height: 80px;

background: #07cbc9;

overflow: hidden;

}

.top_left{

float: left;

margin-left: 50px;

height: 80px;

}

.top_left img{

padding: 16px 10px;

}

.top_right{

float: right;

}

.top_right ul{

padding-right: 50px;

}

.top_right ul li{

float: left;

padding: 0 10px;

margin: 0 10px;

list-style: none;

text-align: center;

}

.top_left a,.top_right ul li a{

text-decoration: none;

color: #fff;

}

.top_left:hover{

background: gray;

border-radius: 10px;

}

.top_right ul li:hover{

background: gray;

border-radius: 10px;

}

/*banner区域*/

.banner{

position: relative;

}

.banner_img img{

width: 100%;

height: 600px;

}

.mask{

position: absolute;

top:0;

left: 0;

width: 100%;

height: 600px;

background: #fff;

opacity: 0.1;

}

.banner_middle{

width: 600px;

height: 400px;

position: absolute;

top:50%;

left: 50%;

margin-top: -200px;

margin-left: -300px;

}

.banner_middle .inp{

display: block;

width:505px;

height: 39px;

border: 2px solid gray;

margin:20px auto;

border-radius: 3px;

background: transparent;

}

.inpu{

width: 505px;

height: 119px;

display: block;

border: 2px solid gray;

margin:20px auto;

background: transparent;

border-radius: 3px;

}

.sub{

display: block;

width: 123px;

height: 39px;

margin:20px auto;

background: transparent;

border: 2px solid gray;

border-radius: 3px;

}

.banner_middle input:hover{

border-color: #07cbc9;

}

.sub:hover{

border: none;

background: #07cbc9;

}

/*about区域*/

.about{

width: 100%;

position: relative;

}

.about_top{

width: auto;

height: auto;

margin-bottom: 30px;

}

.about_top1{

text-align: center;

font-size: 32px;

font-weight: bold;

margin-top: 20px;

margin-bottom: 10px;

}

hr{

width: 30px;

border: 2px solid #07cbc9;

margin: 10px auto;

}

.about_top2{

width: 400px;

height: auto;

margin: 0 auto;

text-align: center;

font-size: 17px;

line-height: 30px;

}

.about_center_center img{

display: block;

width: 550px;

height: 350px;

margin: 0 auto;

}

.about_center_left{

width: 350px;

height: 150px;

border: 1px solid gray;

padding: 20px;

position: absolute;

left: 100px;

top: 300px;

background: rgba(255, 255, 255, 0.4);

line-height: 25px;

}

.about_btn_box{

position: absolute;

left: 120px;

top: 400px;

z-index: 99;

}

.about_btn{

width: 102px;

height: 45px;

background: black;

color: #fff;

cursor: pointer;

}

.about_btn:hover{

background: transparent;

border:1px solid black;

color: black;

font-style: bold;

border-radius: 5px;

}

.about_center_right{

position: absolute;

top:187px;

left: 1000px;

}

.about_center_right hr{

width: 40px;

text-align: center;

margin-top: 50px;

}

.about_center_right1{

width: 200px;

height:110px;

border: 1px solid #07cbc9;

}

.about_center_right2{

width: 200px;

height:110px;

border: 1px solid #07cbc9;

margin: 20px 0;

}

.text{

font-size: 45px;

font-weight: bold;

position: absolute;

text-align: center;

top:180px;

left: 130px;

width: 200px;

height: 150px;

}

.about_bottom{

width: 100%;

overflow: hidden;

}

.bottom_text{

float: left;

width: 25%;

height: 337px;

background: #07cbc9;

}

.bottom_img{

float:left;

width: 25%;

height: 337px;

position: relative;

}

.bottom_img img{

display: block;

width: 100%;

height: 100%;

}

.arrow{

width:0;

height:0;

border-width:30px 30px 30px 0;

border-style:solid;

border-color:transparent #07cbc9 transparent transparent;/*透明透明透明灰*/

position:absolute;

top: 40%;

left: 92%;

}

.bottom_text_top{

font-size: 21px;

font-weight: bold;

margin-top: 20px;

margin-left: 20px;

margin-bottom: 10px;

color: #fff;

}

.bottom_text_center{

width: 80%;

font-size: 18px;

margin-left: 20px;

color: #fff;

margin-bottom: 10px;

}

.bottom_text_bottom{

font-size: 13px;

color: #fff;

margin-left: 20px;

position: relative;

}

.bottom_button button{

width: 102px;

height: 45px;

position: absolute;

bottom:-150%;

left: 30%;

background: black;

color: #fff;

border: none;

cursor: pointer;

}

.arrow2{

width:0;

height:0;

border-width:30px 0 30px 30px;

border-style:solid;

border-color:transparent transparent transparent #07cbc9;/*透明透明透明灰*/

margin:40px auto;

position:absolute;

top:40%;

left: 0;

}

.gallery_top{

width: 100%;

}

.gallery_top1{

font-size: 30px;

text-align: center;

margin: 20px auto;

font-weight: bold;

}

.gallery_top2{

text-align: center;

width: 30%;

margin: 0 auto;

line-height: 30px;

}

.gallery_center_img{

width: 360px;

height: 304px;

float: left;

padding: 0 22px;

margin-bottom: 30px;

}

.gallery_center_img img{

width: 360px;

height:240px;

display: block;

}

.gallery_center_text{

background: black;

height: 64px;

color: #fff;

line-height: 64px;

padding-left: 50px;

}

.gallery_center{

width: 100%;

}

.gallery_box{

width: 90%;

margin: 10px auto;

overflow: hidden;

}

.ll{

width: 100%;

height: 80px;

background: #07cbc9;

text-align: center;

line-height: 80px;

font-size: 20px;

color: #FFF;

}

</style>

</head>

<body>

<ul>

<li><a href="#">ABOUT</a></li>

<li><a href="#">GALLERY</a></li>

<li><a href="#">FACULITY</a></li>

<li><a href="#">EVENTS</a></li>

<li><a href="#">CANTANCT</a></li>

</ul>

</div>

</div>

</div>

<form>

<button class="sub" type="submit">send message</button>

</form>

</div>

about

</div>

<hr>

请使用样式取代它。规定hr 元素的宽度。全局属性标签支持 HTML 中的全局属性请使用样式取代它。规定hr 元素的宽度。全局属性标签支持 HTML

</div>

</div>

<span>a world <br>about us</span>

</div>

<span>

请使用样式取请使用样式取代它。规定hr 元素的宽度。全局属性标签支持 HTML 中的全局属性请使用样式取代它。规定hr

</span>

</div>

<button class="about_btn" type="submit" >EXPLORE</button>

</div>

<hr>

</div>

<hr>

</div>

</div>

<span>

library

</span>

</div>

The library was founded in 1912 and has a history of nearly 100 years.

</div>

<span>

The new library is located at No.98 WenWeng Road, Qingyang District, Chengdu. In 2010, it was rated as the national first level library by the Ministry of culture

</span>

<button type="submit">EXPLORE</button>

</div>

</div>

<span>

library

</span>

</div>

The library was founded in 1912 and has a history of nearly 100 years.

</div>

<span>

The new library is located at No.98 WenWeng Road, Qingyang District, Chengdu. In 2010, it was rated as the national first level library by the Ministry of culture

</span>

<button type="submit">EXPLORE</button>

</div>

<span>

library

</span>

</div>

The library was founded in 1912 and has a history of nearly 100 years.

</div>

<span>

The new library is located at No.98 WenWeng Road, Qingyang District, Chengdu. In 2010, it was rated as the national first level library by the Ministry of culture

</span>

<button type="submit">EXPLORE</button>

</div>

</div>

<span>

library

</span>

</div>

The library was founded in 1912 and has a history of nearly 100 years.

</div>

<span>

The new library is located at No.98 WenWeng Road, Qingyang District, Chengdu. In 2010, it was rated as the national first level library by the Ministry of culture

</span>

<button type="submit">EXPLORE</button>

</div>

</div>

GALLERY

</div>

<hr>

w library is located at No.98 WenWeng Road, Qingyang District, Chelocated at No.98 WenWeng Road, Qingyang District,ngdu. In 2010, it was rated as the national

</div>

SCIENCE LAB

</div>

SCIENCE LAB

</div>

SCIENCE LAB

</div>

SCIENCE LAB

</div>

SCIENCE LAB

</div>

SCIENCE LAB