With adding shadow effects to text and a box you can eliminate photoshop to create this effect. The CSS shadow effects are more dynamic which makes it more easy to apply changes. The css3 text-shadow is a slightly moved, possible blurred copy of the text. It can be used to give some depth to text or to give it a glow. Hopefully will this feature not be overused by some of the beginning web designers.
Text-Shadow
The text-shadow property of CSS3 takes 4 arguments. The first two are respectively the horizontal and vertical offset of the shadow followed by the blur distance and then the color of the shadow.
Text-Shadow Examples
The first example is a basic shadow effect. If you give the property a small offset and a darker color with no blur it gives depth to your text.
text-shadow: 1px 1px 0px #666
Giving depth to text with text-shadow
You see the shadow is quite sharp, this because of the blur distance is set to zero. You can give the shadow a more fuzzy effect by increasing the blur distance.
text-shadow: 1px 1px 3px #666
A more fuzzy text-shadow
When setting the offset to zero and the color of the shadow to a lighter color you get a glowing effect.
text-shadow: 0px 0px 3px #2E62FF
A glowing text with text-shadow