|
|
@@ -58,6 +58,46 @@
|
|
|
border-radius: 50%;
|
|
|
padding:1px;
|
|
|
}
|
|
|
+ /* 搜索区域 start */
|
|
|
+ .search-content .logo-content{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .search-content .logo-content img{
|
|
|
+ width: 270px;
|
|
|
+ }
|
|
|
+ .search-content .search-iput{
|
|
|
+ width: 650px;
|
|
|
+ /* background-color: blue; */
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .search-content .search-iput .sic-left{
|
|
|
+ float: left;
|
|
|
+ width: 493px;
|
|
|
+ /* background-color: yellow; */
|
|
|
+ border-top:1px solid #c4c7ce;
|
|
|
+ border-left:1px solid #c4c7ce;
|
|
|
+ border-bottom:1px solid #c4c7ce;
|
|
|
+ text-align: right;
|
|
|
+ padding:10px 20px;
|
|
|
+ border-radius: 10px 0 0 10px;
|
|
|
+ }
|
|
|
+ .search-content .sic-left img{
|
|
|
+ width: 24px;
|
|
|
+ height: 20px;
|
|
|
+ }
|
|
|
+ .search-content .search-iput .sic-right{
|
|
|
+ float: right;
|
|
|
+ /* background-color: red; */
|
|
|
+ background-color: #4e6ef2;
|
|
|
+ height: 49px;
|
|
|
+ width: 116px;
|
|
|
+ border-radius: 0 10px 10px 0;
|
|
|
+ font-size: 17px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 49px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -103,7 +143,23 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="search-content"></div>
|
|
|
+ <!-- 搜索框区域 -->
|
|
|
+ <div class="search-content">
|
|
|
+ <div class="logo-content">
|
|
|
+ <img src="./img/baidulogo.png" alt="logo">
|
|
|
+ </div>
|
|
|
+ <div class="search-iput">
|
|
|
+ <div class="search-input-content clearfix">
|
|
|
+ <div class="sic-left">
|
|
|
+ <img src="./img/ht.png" alt="img">
|
|
|
+ <img src="./img/xj.png" alt="img">
|
|
|
+ </div>
|
|
|
+ <div class="sic-right">
|
|
|
+ <span>百度一下</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
