Overlay font : font : Text Attributes HTML CSS TUTORIALS

HTML CSS TUTORIALS » Text Attributes » font »

Overlay font


 



<!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">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#header h1 {
  color:#aaa;
  background:transparent;
  left:0;right:0;
  font-size:200%;
  font-weight:bold;
}
#header h1.overlay{
  color:red;
  background:transparent;
  position:absolute;
  left:1px;
  top:1px;
}
</style>
</head>

<body>
<div id="header">
    <h1 class="overlay">This is the heading</h1>
    <h1>This is the heading</h1>
</div>

</body>

</html>