我想实现一个百度搜索框的样式,就是输入框和搜索按钮连接在一起。请问用css如何实现?如下图。
我自己弄的效果如下,感觉不够简洁。
对于WEB前端来说,只要你能看到的效果,你一定可以把这个效果自己实现出来的,所有的代码都是可以看到的。
你把其他无关的去掉,剩下的就是实现这个效果的CSS和HTML代码了。
<form name="f" id="form" action="http://www.baidu.com/s" class="fm" onsubmit="javascript:F.call('ps/sug','pssubmit');"><span id="s_kw_wrap" class="bg s_ipt_wr iptfocus"><input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off" style="font-family: 'Microsoft Yahei', STHeiti;"></span><input type="hidden" name="rsv_spt" value="1"><input type="hidden" name="issp" value="1"><input type="hidden" name="rsv_bp" value="0"><input type="hidden" name="ie" value="utf-8"><input type="hidden" name="tn" value="baiduhome_pg"><span class="btn_wr s_btn_wr bg" id="s_btn_wr"><input type="submit" value="百度一下" id="su" class="btn self-btn bg s_btn"></span><span class="tools"><span id="mHolder"><div id="mCon"><span>输入法</span></div><ul id="mMenu"><li><a href="javascript:;" name="ime_hw">手写</a></li><li><a href="javascript:;" name="ime_py">拼音</a></li><li class="ln"></li><li><a href="javascript:;" name="ime_cl">关闭</a></li></ul></span></span><input type="hidden" name="inputT" value="6900"></form>
求方法啊,我用chrome - 右键 - Inspect element咋没有看到呢?
@zdd: Chrome可以按下F12,下方出现开发人员窗,最左上方有一个放大镜图标,点一下,然后,把鼠标移动到你想看的Element上方,就可以看到整个HTML代码了。然后CSS你要自己去分析啦。
文本框的border-right:0px
web开发谷歌浏览器不会用?
不好意思,我是业余的。