搜索框的代码怎么写

首先把搜索宽切片下来再CSS样式里面用为背景 CSS样式根据实际自己调整 .kuan input{ width:330px; height:60px; background:background:url(../img/kuan_01.jpg) no-repeat; border:none; float:left} .an input{ width:120px; height:60px; ba...
搜索框的代码怎么写
首先把搜索宽切片下来再CSS样式里面用为背景
<body>
<form action="" method="get">
<div class="kuan"><input name="" type="text" /></div><!--搜索框-->
<div class="an"><input name="" type="button" /></div><!--搜索按钮-->
</form>
</body>
CSS样式根据实际自己调整
<style type="text/css">
.kuan input{ width:330px; height:60px; background:background:url(../img/kuan_01.jpg) no-repeat; border:none; float:left}
.an input{ width:120px; height:60px; background:background:url(../img/an_02.jpg) no-repeat;border:none; float:left}
</style>2016-10-13
mengvlog 阅读 7 次 更新于 2025-07-21 01:11:45 我来答关注问题0
  •  愚来愚去 求救:如下图所示的搜索框用html代码怎么写?谢谢了

    注:boder-radius:10px是IE浏览器中自带的圆角样式。还有一种方法就是找四个圆角边然后做四个不同标签的背景就可以了。

  •  武汉誉祥科技 html如何写一个对话框,输入的东西直接在百度中搜索,就像hao123一样

    百度确实提供了内置搜索框的代码,方便用户直接在网页上进行搜索。你可以访问百度的帮助中心,查看具体的代码示例。例如,你可以复制这段代码嵌入到自己的网页中: 这段代码会在用户输入关键词并点击搜索按钮后,将内容直接提交到百度进行搜索。如果你希望它像hao123那样更加简洁,可以进行适当的美化和调...

  •  云南新华电脑学校 HTML页面搜索框放在页面右边怎么设置?

    搜索框 { position: absolute;right: 0;top: 0;} ```上述代码将搜索框定位在页面右侧,并且使其永不重叠页面上其他元素。3. 可以根据搜索框的需求添加其他的 CSS 样式,例如 width、height、border、background 等。4. 可以在 HTML 页面中添加一个搜索框元素,并在元素中添加上述 CSS 样式。例如...

  •  遗忘的JY_ajue html/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...

  •  MC_Xman 求如下的搜索框代码如何写;html5的,谢谢!

    搜索 .header-search{ width: 300px;height: 70px;margin:19px 0 0 10px;float: left;display: inline-block;} .right-search{ height: 35px;width: 300px;display: inline-block;position: relative;} .header-search .search-text { width: 300px;height: 35px;color: #bababa;font-si...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部