On the application of CSS pseudo-elements

Using CSS pseudo-elements: Before and: After you can insert content before and after the document without changing the original structure of the document, here is a good example, you can refer to the following

Using CSS pseudo-elements: Before and: After you can insert content before and after the document without changing the original structure of the document, and then with the Box-shadow can achieve a very cool effect,
Three examples are shown below:
1, using: Before and: After adding the background, such as to a paragraph of text before and after the quotation marks;
2, using: Before,: After, Box-shadow achieve 3D shadow effect;
3, using: Before,: After, Box-shadow achieve photo overlay effect.

<! DOCTYPE html> 
Implementation results:

The above is the whole content of this article, I hope that everyone's learning has helped, more relevant content please pay attention to topic.alibabacloud.com!