'Text Border' Decoration in CSS

Rico

New Member
When I'm in Photoshop, it's easy for me to type a text and then apply white border to the 'text' and then apply shadow into it.
m7Z7F.jpg
But when I'm in HTML, I need a \[code\]<div>\[/code\], \[code\]<p>\[/code\] or \[code\]<span>\[/code\] or any tag like this to write a text. Then to decorate the text like this, we especially apply the decoration to the tag, NOT TO THE TEXT (or content) of the tag. Suppose:\[code\]<span id="decor">Text</span>\[/code\]Then we do CSS like:\[code\]#decor{color: #9E0B0E; border: 5px solid #FFF; box-shadow: 3px 0 2px #CCC;}\[/code\]But what it does is to style the span, not the content of the span tag (for here: 'Text').So, my question is:
  • HOW TO STYLE TEXT LIKE THIS USING \[code\]CSS\[/code\]?
 
Back
Top