69 lines
1.2 KiB
CSS
69 lines
1.2 KiB
CSS
.zhuyemian{
|
|
margin: 10px 22px 50px;
|
|
width: 97%;
|
|
height: 100vh;
|
|
float: left;
|
|
background-color: rgb(255, 255, 255);
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.zhuyemian div{
|
|
display: inline-flex;
|
|
}
|
|
.menu{
|
|
margin: 20px 0 20px 20px;
|
|
background-color: rgb(255, 255, 255);
|
|
border: 2px solid rgb(172, 171, 171);
|
|
|
|
width: 30%;
|
|
height: 95vh;
|
|
}
|
|
|
|
.tupian{
|
|
margin: 20px 20px 20px 0;
|
|
background-color: rgb(255, 255, 255);
|
|
width: 65%;
|
|
height: 95vh;
|
|
}
|
|
|
|
/*页面开头的表头*/
|
|
.nav2{
|
|
float: left;
|
|
width: 100%;
|
|
height: 50px;
|
|
background-color: rgb(254, 255, 253);
|
|
border-bottom: 2px solid rgb(172, 171, 171);
|
|
}
|
|
|
|
/*取消块级元素，使其在一行*/
|
|
.nav2 ul li {
|
|
display: inline-flex;
|
|
}
|
|
|
|
/*将几个元素连接起来*/
|
|
.nav2 ul li a {
|
|
|
|
padding: 12px 30px;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color: #666666;
|
|
font-family: Tahoma;
|
|
|
|
}
|
|
|
|
/*使其选中块就可以点击*/
|
|
.nav2 li a {
|
|
display: block;
|
|
|
|
}
|
|
|
|
/*鼠标停留*/
|
|
.nav2 li a:hover {
|
|
background-color: rgb(218, 224, 224);
|
|
}
|
|
|
|
.active {
|
|
background-color: #3371f7;
|
|
}
|
|
|