W3School-CSS 伪元素 (Pseudo-elements) 实例

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




    
        
        01制作首字母特效
        
    

    
        

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

W3School-CSS 伪元素 (Pseudo-elements) 实例_第1张图片


02制作首行特效




    
        
        02制作首行特效
        
    

    
        

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

W3School-CSS 伪元素 (Pseudo-elements) 实例_第2张图片


CSS 伪元素 (Pseudo-elements) 总结

W3School-CSS 伪元素 (Pseudo-elements) 实例_第3张图片

转载于:https://www.cnblogs.com/hoey/p/5153409.html

你可能感兴趣的:(人工智能)