css中伪元素的使用方法有哪些

这篇文章主要介绍了css中伪元素的使用方法有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联-专业网站定制、快速模板网站建设、高性价比台儿网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式台儿网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖台儿地区。费用合理售后完善,10年实体公司更值得信赖。

把文本的第一个字母设为特殊的字母

  
  
  
  
  自学教程
  
  
  
  

你可以使用"first-letter"伪元素向文本的首字母设置特殊样式;

     

把第一行文字设置为特殊


  
  
  
  自学教程
  
  
  
  

你可以使用"first-letter"伪元素向文本的首字母设置特殊样式;

     

把第一行文字的第一个字母设置为特殊


  
  
  
  自学教程
  
  
  
  

你可以结合使用"first-line"和"first-letter"伪元素向文本的首行和首字母设置特殊样式。

     

使用:在一个元素之前插入一些内容


  
  
  
  自学教程
  
  
  
  

Thisisaheading

  

The:beforepseudo-elementinsertscontentbeforeanelement.

  

Thisisaheading

  

注意:仅当!DOCTYPE已经声明IE8支持这个内容属性

     

使用:在一个元素之后插入一些内容


  
  
  
  自学教程
  
  
  
  

Thisisaheading

  

The:beforepseudo-elementinsertscontentbeforeanelement.

  

Thisisaheading

  

注意:仅当!DOCTYPE已经声明IE8支持这个内容属性

     

感谢你能够认真阅读完这篇文章,希望小编分享的“css中伪元素的使用方法有哪些”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


本文标题:css中伪元素的使用方法有哪些
新闻来源:http://myzitong.com/article/ghoipo.html