李老师作业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>

 

本文最后更新于2020-3-24,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
打赏
-版权声明-

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

评论

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

登录

忘记密码?

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

切换登录

注册

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

长按图片转发给朋友

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

支付宝扫一扫打赏

微信扫一扫打赏