<ul>
  <li>テストA</li>
  <li>テストB</li>
  <li>テストC</li>
</ul>
li {
  list-style-type: none;
  counter-increment: number;
}

li::before{
  content: counter(number) ".";
  margin-right: 5px;
  color: red;
  text-shadow: 1px 1px 2px black;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.