Ayuda con cajas de texto...?

Es posible mediante CSS hacer este tipo de cajas te texto?



Osea me gusta como se mira lo obalado y lo de la imagen como se hace esto?

Con CSS.
Para estas cosas es mejor que mires el código fuente de la página donde esté. Y una cosa muy útil para eso es Firebug. Es un plugin para Firefox. Úsalo y verás que útil que te resulta,

La forma más fácil es hacerla partiendola en 3, la parte de arriba, la de abajo, y la del medio. La del medio puede tener 1px de alto ya que lo podrás repetir con digamos:

Código :

background:url(../img/medio.jpg) repeat-y

. En el DIV del medio colocas tu inputText con propiedades que le quiten el borde.Existen otras formas de hacer redondos los bordes o darles un efecto de sombra como http://www.kalsey.com/2003/07/rounded_corners_in_css/-
Si quieres que la lupa sea el boton debes colocar en HTML algo asi

Código :

<input type="button" id="imgSearch" value=""/>

y en CSS

Código :

#imgSearch {
   background:#FFFFFF url(../images/searchimg.jpg) no-repeat scroll 0%;
   border:medium none;
   cursor:pointer;
   height:17px;
   width:30px;
}

Tengo un ejemplo acá. Te fijas en la lupita y los bordes del campo inputText del lado.