A drop cap is a fun and elegant design element to add interest to a story. Adding these to your website is just as easy. This video shows an example of how to add another level of detail by including a background behind the letter. You may want to target your paragraph styles more specifically by adding an id or class before the p:first-of-type::first-letter. In this isolated example, a general ‘p’ tag is fine.
https://jsfiddle.net/ashleycam3ron/1fceepq7/
source