HTML/CSS/Text/text shadow
Set text-shadow to "yellow .15em .15em .15em"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title></title>
<style type="text/css">
body {
font-size: 62.5%;
margin: 10% 10% 20% 10%;
}
h1 {
font-size: 2.5em;
font-family: Myriad, Helvetica, Arial, sans-serif;
width: 66.6%;
text-shadow: yellow .15em .15em .15em;
margin: 0 0 0.1em 0;
}
p {
margin: 0 0 1em 0;
font-size: 1.2em;
line-height: 1.5;
}
</style>
</head>
<body>
<div id="frame">
<h1>Header 1</h1>
<p>This is a test.</p>
</div>
</body>
</html>
text-shadow: 0.3em 0.3em 0.5em black
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>CSS Example</title>
<style rel="stylesheet" type="text/css">
body {
color: #000000;
background-color: #ffffff;
font-family: arial, verdana, sans-serif;
font-size: 12px;
}
.dropShadow {
text-shadow: 0.3em 0.3em 0.5em black;
color: #ffffff;
}
</style>
</head>
<body>
<h1>drop-shadow</h1>
<h1 class="drop">This heading should have a drop shadow</h1>
</body>
</html>