CSS 伪元素 (Pseudo-elements)实例
CSS 实例
CSS 背景实例 CSS 文本实例 CSS 字体(font)实例 CSS 边框(border)实例 CSS 外边距 (margin) 实例 CSS 内边距 (padding) 实例 CSS 列表实例 CSS 表格实例 轮廓（Outline)实例 CSS 尺寸 (Dimension) 实例 CSS 分类 (Classification) 实例 CSS 定位 (Positioning) 实例 CSS 伪类 (Pseudo-classes)实例 CSS 伪元素 (Pseudo-elements)实例 01制作首字母特效
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>01制作首字母特效</title> <style type="text/css"> p:first-letter { color: #ff0000; font-size: xx-large; } </style> </head> <body> <p> You can use the :first-letter pseudo-element to add a special effect to the first letter of a text! </p> </body></html>Copy after login
02制作首行特效
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>02制作首行特效</title> <style type="text/css"> p:first-line { color: #ff0000; font-variant: small-caps; } </style> </head> <body> <p> You can use the :first-line pseudo-element to add a special effect to the first line of a text! </p> </body></html>Copy after login
CSS 伪元素 (Pseudo-elements) 总结
The difference between MATE60 and MATE60PRO
What is the difference between original screen and assembled screen?
A complete list of commonly used public dns
What does context mean?
Is python front-end or back-end?
What are the web servers?
What system is qad?
What are the virtual currencies that may surge in 2024?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
