Day 03
程序员文章站
2022-06-13 13:19:27
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度</title>
<style>
.search{
width: 600px;
height: 30px;
background: url("zxj.png") no-repeat;
background-position: right;
background-size: 23px;
border: 1px solid #59aaff;
font-size: 20px;
vertical-align: middle;
}
.ensure{
height: 35px;
width: 100px;
background-color: #59aaff;
border-color: #59aaff;
color: white;
font-size: 15px;
vertical-align: middle;
}
.pro{
height: 25px;
width: 65px;
background-color: #59aaff;
border-color: #59aaff;
color: white;
font-size:13px;
}
.title{
float: right;
font-size: 13px;
margin-top: 10px;
}
.color{
color: black;
margin-right: 15px;
}
/*.img::before{*/
/* content: "";*/
/* background-image: url("zxj.png");*/
/* width: 20px;*/
/* height: 20px;*/
/* left: 10px;*/
/* top: 3px;*/
/*}*/
</style>
</head>
<body>
<div class="title">
<a href="" class="color"><strong>新闻</strong></a>
<a href="" class="color"><strong>hao123</strong></a>
<a href="" class="color"><strong>地图</strong></a>
<a href="" class="color"><strong>视频</strong></a>
<a href="" class="color"><strong>贴吧</strong></a>
<a href="" class="color"><strong>学术</strong></a>
<a href="" class="color">登录</a>
<a href="" class="color">设置</a>
<input type="button" value="更多产品" class="pro">
</div>
<br>
<div style="text-align: center;margin-top: 80px;position: relative;">
<img src="baidu.jpg" style="height: 130px;width: 275px;">
<br><br>
<!-- <span class="img"></span>-->
<input type="text" name="baidu" value="" class="search"><input type="button" name="ensure" value="百度一下" class="ensure">
</div>
</body>
</html>
上一篇： 夏季养生保健小常识 做好这些保障身体健康
下一篇： day 03