博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

教你怎么样用CSS和图片做搜索框.

Posted on 2008-07-25 21:40  linFen  阅读(4629)  评论(0编辑  收藏  举报


搜索框是一个网站必不不可少的成分,他的美观度直接决定着网站的用户体验。
所以美化搜索就很重要了。

这里有两种方法。整个形象,可以成为背景,并以透明的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" width="27" height="24" id="go" alt="Search" title="Search" />
</form>
</div>

 

 

 


本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=78