How to convert this input into CSS

HTML & CSS
1

Hey, could you tell me how can i convert this image into css please? image is inside box and i dont have any idea about it.

2

there is two problem :
1- rounded corder of this input and how to make it
2- how to make submit image into the input?

thanks for your tips and helps

3

You could slice the image and place it as a background image.

That looks like an <input> and then a submit <input>?

The GO can be an image (or not) and then the orange arrow can be sliced out and be set as a background-image for the text <input> :). Simple.

4

Hey RyanReese and thanks for reply! just could you tell me how can i deal with images for this sort of problems ?
if you know some links please give me because i am not familiar with this method ( using images for rounded corner)

thanks

5

If you want to drop IE support then you could use the border-radius CSS3 property (I’d honestly just go this route, otherwise you’d have to mess with images)

<input type=“image” src=“blah.jpg” value=“Go” />