<mark id="tx9hn"><sub id="tx9hn"></sub></mark>

<nobr id="tx9hn"></nobr>

<th id="tx9hn"><meter id="tx9hn"></meter></th>
      <address id="tx9hn"></address> <mark id="tx9hn"></mark>

          45fan.com - 路饭网

          搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:使用Dreamweaver制作百度搜索栏静态页面的步骤

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          2018-08-12 15:30:03 来源:www.8605280.com 【

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          Dreamweaver中想要使用代码制作百度搜索栏静态页面,该怎么制作呢?下面我们就来看看详细的教程。

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          1、如果将搜索框分为块状,可以将他分为4段,如图所示

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          2、打开DW软件新建一个html文件并保存。

          在body中输入内容,

          <body>
          <div><img src="img/logo_bd.png" alt=""></div>
          <input type="text">
          <h1>搜索经验</h1>
          <h2><a href="">帮助</a></h2>
          </body>

          如下图

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          3、然后建立style样式,清除标签?#28304;?#30340;一些属性,

          img{display:block;}
          input{margin:0;padding:0;}
          h1,h2{margin:0;font-weight:normal;}

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          4、对logo图片设置具体宽高,并浮动,如图所示

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          5、对input标签添加属性设置,如图所示

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          6、最后添加h1和h2的属性值,如图所示,这样一个简单的搜索框就出来了。

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          使用Dreamweaver制作百度搜索栏静态页面的步骤

          以上就是dw制作百度搜索栏效果的教程,希望大家喜欢,请继续关注路饭。

           

          本文地址:
          Tags: 制作 Dreamweaver 百度
          编辑:路饭网
          关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部
          广东快乐10分开奖视频

          <mark id="tx9hn"><sub id="tx9hn"></sub></mark>

          <nobr id="tx9hn"></nobr>

          <th id="tx9hn"><meter id="tx9hn"></meter></th>
              <address id="tx9hn"></address> <mark id="tx9hn"></mark>

                  <mark id="tx9hn"><sub id="tx9hn"></sub></mark>

                  <nobr id="tx9hn"></nobr>

                  <th id="tx9hn"><meter id="tx9hn"></meter></th>
                      <address id="tx9hn"></address> <mark id="tx9hn"></mark>