Template:Button

<span style=" white-space: nowrap; font-size: 120%; border: solid thin #aaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0.15em 0.4em; color: #222; background-color: #cbcbcb; /* fallback color if gradients are not supported */ background-image: -webkit-linear-gradient(top, #fff, #e2e2e2, #fff); background-image:    -moz-linear-gradient(top, #fff, #e2e2e2, #fff); /* For Fx 3.6 to Fx 15 */ background-image:     -ms-linear-gradient(top, #fff, #e2e2e2, #fff); /* For IE 10 Platform Previews and Consumer Preview */ background-image:      -o-linear-gradient(top, #fff, #e2e2e2, #fff); /* For Opera 11.1 to 12.0 */ background-image:   linear-gradient(to bottom, #fff, #e2e2e2, #fff); /* Standard syntax; must be the last statement */ ">

To illustrate buttons in pages

Use
Looks like this:

Related
Template:Boxword

Template:Tab

Template:Button