Web前端学习第一天-----百度搜索页面

最新推荐文章于 2024-02-01 15:08:06 发布

技术萌新阿肖

最新推荐文章于 2024-02-01 15:08:06 发布

阅读量463

点赞数 1

文章标签： css html

本文链接：https://blog.csdn.net/qq_46537431/article/details/104988359

版权

##百度搜索页面
示例图：
在这里插入图片描述

源代码：
.css代码：

.inputDiv {
              font-size: 0; //使text文本框和按钮无缝连接
                }
.text{
     border: 1px solid #b6b6b6;
    width:474px;
    height:36px;
    font-size:20px; 
   }
   .button{
    background-color:#3385ff;
    height:38px;
    font-size:20px;
    color:white;
    border:0
   }

.html代码：

<body>
     <form id="baidu" target="_blank" name="baidu" method="get" action="http://www.baidu.com/s">  
     <table>
              <a herf="http://www.baidu.com"></a>
              <p style="text-align: center;">
      <img src="img/baidu.png"/>
     </p>
     <div class="inputDiv">
  <p style="text-align: center;">
                 <input type="text" class="text"  name="word"/>
                 <input type="button"  class="button"  value="百度一下" />
     </p>
     </div>
     </table>
 </form>
 </body>
 --