Set text-shadow to 'yellow .15em .15em .15em' : text shadow « CSS « HTML / CSS






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>

   
  








Related examples in the same category

1.text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px
2.text-shadow: 3px 3px 5px red
3.text-shadow: 0.2em 0.2em
4.text-shadow: 0.2em 0.2em;
5.text-shadow: 3px 3px 5px red;
6.text-shadow: #999999 10px 10px 3px;
7.text-shadow: 0.3em 0.3em 0.5em black