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制作首字母特效

            
                                    
            You can use the :first-letter pseudo-element to add a special effect to the first letter of a text!        
    

---

02制作首行特效

            
                                    
            You can use the :first-line pseudo-element to add a special effect to the first line of a text!        
    

---

CSS 伪元素 (Pseudo-elements) 总结