HTML+css+jquery
效果
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script src="js/jquery-3.3.1.js"></script>
<style>
body {
background-color: #f9f9f9;
font-size: 16px;
}
.box_top {
width: 1248px;
height: 103px;
background-color: #FFFFFF;
margin-top: 1px;
border-bottom: 2px solid #00ad5f;
}
.box_bar {
width: 230.25px;
background-color: #FFFFFF;
margin-top: 2px;
margin-left: 2px;
}
.bar {
width: 202.25px;
height: 33px;
margin: 0 auto;
background-color: #26ab65;
}
.box_main {
width: 997.75px;
height: 620px;
background-color: #FFFFFF;
margin-top: 2px;
margin-left: 2px;
}
.box_bar, .box_main {
display: inline-block;
vertical-align: top;
}
.box {