HTML怎么定义搜索栏-创新互联

小编给大家分享一下HTML怎么定义搜索栏,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

创新互联主要从事做网站、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务铁力,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

HTML定义搜索栏的方法:首先新建一个div,id名为box;然后在内部添加一个input标签和一个div标签;最后使用css为它们设计样式即可。

HTML定义搜索栏的方法:

1、首先新建一个div,id名为box,用来包裹搜索框;

2、然后在内部添加一个input标签和一个div标签,一个用来输入文字,一个充当按钮;

3、最后使用css为它们设计样式即可。






Examples




    #box{
        width: 380px;
        margin: 30px auto;
        font-family: 'Microsoft YaHei';
        font-size: 14px;
    }
    input{
        width: 260px;
        border: 1px solid #e2e2e2;
        height: 30px;
        float: left;
        background-image: url(images/search.jpg);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position:5px center;
        padding:0 0 0 40px;
    }
    #search{
        width: 78px;
        height: 32px;
        float: right;
        background: black;
        color: white;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
    }
 



    
        
        搜索
    

看完了这篇文章,相信你对“HTML怎么定义搜索栏”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网页标题:HTML怎么定义搜索栏-创新互联
文章来源:http://scyanting.com/article/pdcod.html

其他资讯