(1) 文字に影を付ける

div {
  font-family: Arial;
  font-size: 24px;
}

#test12 {
  text-shadow: gray 1px 2px;
}

#test22 {
  text-shadow: red 2px 2px;
}

<div id="test12">abcdefg hijklmnop qrstuv wxyz</div>

<div id="test22">abcdefg hijklmnop qrstuv wxyz</div>