Hi, I threw together a little something. I tried to recreate it like your screenshot.
It does not look like yours. It's missing the white inner border.
But I don't like the multiple tags and images needed to accomplish this.
Here I just use the button tag. Of course not the only way to go, but it's great to be able to use a proper html tag and get good looking buttons. No wrapping divs etc.
For me personally I like this way better. I keep all presentation in CSS (meaning I don't need anything extra in HTML for presentation purposes). I also use a transparent gradient png background image and have full control over the background color.
Take a look at the screenshot and then the code if you want.
P.S. I didn't realize that the middle button is page numbers (pagination). Hence will probably not work within a single button. I just read that you wanted to code a button, so I thought of nothing else.
But I'll post this anyway, maybe you can use it or someone else will find it useful. Feel free to use the png background image for buttons or navigation.
Resources:
FAMFAMFAM:
Silk icons
W3.org:
CSS Selectors
Particletree:
Rediscovering the button element