Shadowed Text

[Total: 0    Average: 0/5]

This shows how to have plain text appear like a graphic (this text has a shadow).

Head Code:

<STYLE TYPE="text/css">
.logo-shadow
{
  position     : absolute;
  top          : 2px;
  left         : 0px;
  height       : 50px;
  color        : silver;
  font-family  : verdana,serif;
  font-weight  : bold;
  font-size    : 20pt;
}
	
.logo-colour
{
  position     : absolute;
  top          : 0px;
  left         : 2px;
  height       : 50px;
  color        : steelblue;
  font-family  : verdana,serif;
  font-weight  : bold;
  font-size    : 20pt;
}
</STYLE>

Body Code:

<DIV ID="DIV1" CLASS="logo-shadow">&nbsp;<B>JS-Examples</B></DIV>
<DIV ID="DIV2" CLASS="logo-colour">&nbsp;<B>JS-Examples</B></DIV>

Times Viewed: 1

Leave a Reply

Your email address will not be published. Required fields are marked *