网页搜索框设计是一个网站设计必不不可少的成分，他的美观度直接决定着网站的用户体验。
所以美化搜索就很重要了。
这里采用两种方法设计搜索框。整个形象，可以成为背景，并以透明的gif可以定位该地区代表提交按钮，或者，提交图形，可以切分开。这个举例来说，我更喜欢分开的,因为他的灵活性更高。
XHTML:
<div id="search_box">
<form id="search_form" method="post" action="/">
<input type="text" id="s" value="Search" class="swap_value" />
<input type="image" src="images/btn_search_box.gif" _fcksavedurl=""images/btn_search_box.gif"" _fcksavedurl=""images/btn_search_box.gif"" _fcksavedurl=""images/btn_search_box.gif"" _fcksavedurl=""images/btn_search_box.gif"" _fcksavedurl=""images/btn_search_box.gif"" _fcksavedurl=""images/btn_search_box.gif"" _fcksavedurl=""images/btn_search_box.gif"" _fcksavedurl=""images/btn_search_box.gif"" _fcksavedurl=""images/btn_search_box.gif"" width="27" height="24" id="go" alt="Search" title="Search" />
</form>
</div>
css代码下载
