<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>58同城</title>
<style>
.head1{
position: sticky;
top: 0;
background-color: rgb(218, 153, 107);
}
.head1_right {
width: 300px;
height: 20px;
}
img {
width: 120px;
height: 50px;
margin-left: 50px;
}
.head1_left {
margin: 10px 400px;
}
#left {
border: 2px solid rgb(255, 77, 0);
width: 500px;
height: 30px;
padding: 1px 2px;
}
#right {
line-height: 30px;
padding: 1px 40px;
color: white;
background-color: rgb(255, 77, 0);
border: 2px solid rgb(255, 77, 0);
}
.list {
list-style: none;
}
li {
float: left;
padding: 10px 30px;
color: rgb(255, 77, 0);
font-weight: bolder;
}
li:hover {
background-color: rgb(255, 77, 0);
color: white;
}
#phone {
width: 15px;
height: 10px;
}
#right1 {
position: relative;
top: -45px;
left: 1100px;
right: 100px;
line-height: 40px;
padding: 1px 40px;
color: white;
font-size: large;
background-color: rgb(255, 77, 0);
border: 2px solid rgb(255, 77, 0);
}
</style>
</head>
<body>
<div>
<div class="head">
<div class="head1">
<p class="head1_up">
<div class="head1_right"><img src="../img/666.png" alt="">
</div>
<div class="head1_left">
<input type="text" id="left">
<input type="submit" id="right" value="搜 索">
</div>
<div>
<input type="submit" id="right1" value="免费发布信息">
</div>
</p>
</div>
<div class="head1_down">
<ul class="list">
<li>首页</li>
<li>58APP</li>
<li>
<img src="../img/222.png" alt="" id="phone">商家APP</li>
<li>58公众号</li>
<li>小程序</li>
<li>新车</li>
<li>58贷款</li>
<li>安居客</li>
<li>英才直聘</li>
<li>找项目</li>
</ul>
</div>
<div>
<br>
<br>
<br>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
<p>111</p>
</div>
</div>
</div>
</body>
</html>
简单爬取58同程网页代码
最新推荐文章于 2024-09-27 11:01:06 发布