我想把下面这张图中的“搜索”图标放在搜索框的右边 CSS要怎么写？

html-css011

我想把下面这张图中的“搜索”图标放在搜索框的右边 CSS要怎么写？,第1张

@.....这个咋个说呢，虽然很简单……

就拿verycd那搜索框做例吧……，自己写了个……

HTML：

<div id="top-search">

<input type="text" id="top-search-input" name="kw" value="" />

<input type="submit" id="top-search-lib" class="top-search-button" value="资源" />

<input type="button" id="top-search-site" class="top-search-button" value="高级搜索" />

<input type="button" id="top-search-advance" class="top-search-button" value="发布资源"

/></div>

CSS：

#top-search/*背景*/

#top-search input/*整体input设置*/

#top-search #top-search-input/*调整输入框*/

#top-search-lib,#top-search-site,#top-search-advance/*其它三个按钮，隐藏字体*/

图片就用下面这张：

首先，打开CSSIcon网站，在搜索框中输入关键字，可以查找到相关的图标，也可以通过分类查找，比如社交媒体、电子邮件、购物等，还可以通过标签查找，比如箭头、锁、礼物等，这样就可以找到自己想要的图标了。

<button class="btn">搜 索</button>

css：

.btn {

background: url(btn.gif) no-repeat

height: 32px

width: 80px

text-align: center

cursor: pointer

line-height: 32px

color: #FFFFFF

font-weight: bold

border:none

}