李老师作业2-4仿百度按钮 - 小浣熊博客

李老师作业2-4仿百度按钮

发布者: 小浣熊

全网最全的网络资源分享网站

手机扫码查看

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

这篇文章总字数为:1500 字,有 1 张图存于本站服务器

作业预览:

QQ图片20200324214937.png

实现代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
  <title>小浣熊作业2-4</title>
  <style type="text/css">
    
* {
  padding: 0;
  margin: 0;
}
 
#searchlogo {
  display: block;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 15px;
}
 
img{width:160px;height:70px;}

form {
  width: 700px;
  margin: 0 auto;
}
 
input {
  padding: 0 0 0 7px;
  width: 538px;
  height: 33px;
  border: 1px solid rgb(204,204,204);
   float:left;
}

input:hover{
  border: 1px solid rgb(51,136,255);
   float:left;
}
 
.searchbutton {
  width: 100px;
  height: 35px;
  padding-top: 1px;
  padding-bottom: 1px;
  border: 0;
  background-color: rgb(119,187,255);
  color: white;
  font-size: 15px;
}
 
.searchbutton:hover {
    background-color: rgb(0,116,232);
    color: white;
}
 
.footer {
  text-align: center;
  padding-top: 230px;
}
 
.another {
  font-size: 12px;
  color: #999;
}

a{
  font-size: 12px;
  color: #CCCCCC;
  margin-left: 15px;
}
a:hover{
  color: #0000ff;
}
  </style>
</head>
<body>
     <div id="searchlogo">
      <img src="http://homework.cctni.cn/searchlogo.png">
      </div>     
      <form>  
            <input type="text">
      <input type="submit" name="send" class="searchbutton" value="百度一下" />
    </form>
  <div class="footer">
    <div class="another">
      <a href="http://homework.cctni.cn/shiyan2-4one.html" class="another1" target="_blank">实验2-4one入口</a>
      <a href="http://homework.cctni.cn/shiyan2-4two.html" class="another1" target="_blank">实验2-4two入口</a>
      <a href="http://homework.cctni.cn/pagelayout.html" class="another1" target="_blank">查看上次作业</a>
    </div> 
  </div>
    </div>
</body>
</html>

 

文件下载

附件:李老师作业2-4仿百度按钮

文件大小:594B

更新时间:2020-3-24 21:46

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有,若为付费资源,请在下载后24小时之内自觉删除,若作商业用途,请到原网站购买,由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!

分享到:
打赏
-版权声明-

阅读时间:  发布于:2020-3-24
文章标题:《李老师作业2-4仿百度按钮》
本文链接:https://www.mua222.cn/189.html
本文编辑: 小浣熊,转载请注明超链接和出处小浣熊博客
收录状态:[百度已收录][360未收录][搜狗已收录]

评论

     快速回复: 支持 感谢 学习 不错 高兴 给力 加油 惊喜
切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

切换登录

注册

李老师作业2-4仿百度按钮

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏