美化搜索框（转）

　　我以前的美化方法是使用表格加背景，偶然看到了这个办法，觉得更加方便，所以转载一下。
　　添加一个CSS#search_box {
padding:7px 5px 0 35px;
background: url('./images/search_bg.gif') no-repeat 12px 5px;
height:25px; }　　这些都是可以根据页面的具体情况定义的，padding表示和周围的补丁距离，后面会说到，background定义图片，就是那种美化过的搜索框，获得方法很简单，截图，然后裁搜索框那一部分下来就是了，height指定高度。然后是在网页之中添加类似的代码。<div id="search_box">
<!-- Site search from MSN -->
<form method="get" action="http://search.msn.com/results.aspx">
<input name="FORM" value="FREESS" type="hidden">
<a href="http://search.msn.com/"> </a>
<input name="q" size="30" style="background-color:transparent;border:0" type="text">
<input name="q1" value="site:www.coreguy.com" type="hidden"> </form>
<!-- Site Search from MSN -->
</div>　　div id写前面css定义的#名称，以下搜索代码，我使用的是MSN，用其他的也都可以，注意一段就好，所有的搜索代码必然有一个<input> 标签是带有type="text"控制量的，在这个<input>标签里面添加 style="border:0; background-color: transparent;" 就好了，搜索框不会显示，直接就和前面的图片整合在一起了。另外注意前面说的padding参数，是控制真正的搜索框的位置，可以细微地调整，使其和搜索框图片缝合在一起，7px 5px 0 35px分别使上，右，下，左和背景图片边框的距离...