CSS ::before and ::after Pseudo Elements

Below is a very basic example of using the ::before and ::after pseudo elements to style links on their hover states. You can read more on CSS Tricks. Also check out A Whole Bunch of Amazing Stuff Pseudo Elements Can Do.

::before and ::after in Action

Here is ::before and ::after in action. View the styles in the head of this document.