Edit in JSFiddle

Result
CSS
HTML

p {font-size: 30px; font-weight: 700;}
.ex1 {
  text-shadow: 3px 2px #ff0000;
}

.ex2 {
  text-shadow: 3px 2px 2px #ff0000;
}

.ex3 {
  text-shadow: 7px 7px #ff0000, -5px 5px 5px #ff9900, 7px -7px 5px #0000ff
}

<!DOCTYPE html>
<html lang="ko">
  <head></head>
  <body>
    <h1>text-shadow:</h1>
    <p>This is none.</p>
    <p class="ex1">Text-shadow effect</p>
    <p class="ex2">Text-shadow effect</p>
    <p class="ex3">Text-shadow effect</p>
  </body>
</html>