Page Widget How to - Create engraved text

Question

We would like to know how to create engraved text.

Answer


<!--from   w ww .  ja  va2  s . c o  m-->
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
body {
  background-color: #5875C8;
  text-align: center;
}

h1 {
  cursor: default;
  font: bold 48pt 'Orbitron';
  color: #4B68B8;
  text-shadow: #273F82 1px 0px 0px, #6D8CE3 0px 1px 0px;
}
</style>
</head>
<body>
  <h1>really cool text</h1>
</body>
</html>

The code above is rendered as follows: