boss直聘网的网页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>boss直聘</title>
<style>
*{
margin: 0;
padding: 0;
}
a{
/* 取消超链接下划线 */
text-decoration: none;
}
/* 超链接未点击的颜色 */
.ul1 li a:link{
color:white;
}
/* 鼠标移动到链接上
.ul1 a:hover {
color: chartreuse;
}
鼠标已访问
.ul1 a:visited {
color: coral;
} */
.ul2 li a:link{
color: white;
}
.ul1 {
margin-left:300px;
}
.ul2{
float: right;
margin-right: 300px;
}
header ul li{
margin: 8px;
}
header ul li{
/* 去掉行元素 */
display: inline;
}
header ul{
display: inline;
height: 50px;
/* 垂直居中 */
line-height: 50px;
}
.boss{
font-size:30px ;
font-family: 宋体;
}
.ul1 .boss a:link{
color: rgb(45, 236, 236);
}
.ul1 .shou a:link{
color: rgb(45, 236, 236);
}
header{
background-color: black;
}
.ul2 li button{
background-color: black;
border-color:rgb(45, 236, 236) ;
border-radius: 60px;
color: white;
width: 70px;
height: 25px;
}
.fu{
display: inline;
display: flex;
background-color: #00d7c6;
height: 150px;
}
.fu .fu_left img{
height: 150px;
}
.fu .fu_right .tu{
margin-top: 5%;
}
.fu .fu_right .fr{
margin-top: 5%;
}
.fu .fu_right .fr input{
width: 150px;
height: 30px;
border:0;
}
.fu .fu_right .fr button{
background-color: #00d7c6;
border-color:white ;
color: white;
width: 100px;
height: 30px;
}
.fu .fu_right img{
height: 30px;
}
.fu .fu_right{
margin-left:20% ;
}
.fu .fu_left{
margin-left: 15%;
}
/* mian格式 */
body{
background-color: #f6f6f8;
}
.mian .mian