本篇文章给大家带来的内容是关于css中伪元素的使用方法小结（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
把文本的第一个字母设为特殊的字母
自学教程(如约智惠.com) p:first-letter {color:#ff0000;font-size:xx-large;}你可以使用"first-letter"伪元素向文本的首字母设置特殊样式；
把第一行文字设置为特殊
自学教程(如约智惠.com) p:first-letter {color:#ff0000;font-size:xx-large;}你可以使用"first-letter"伪元素向文本的首字母设置特殊样式；
把第一行文字的第一个字母设置为特殊
立即学习“前端免费学习笔记（深入）”；
自学教程(如约智惠.com) p:first-letter{color:#ff0000;font-size:xx-large;}p:first-line {color:#0000ff;font-variant:small-caps;}你可以结合使用"first-line"和"first-letter"伪元素向文本的首行和首字母设置特殊样式。
使用：在一个元素之前插入一些内容
自学教程(如约智惠.com) h1:before {content:url(smiley.gif);}This is a heading
The :before pseudo-element inserts content before an element.
英文企业网站管理系统查看详情英文企业网站管理系统(英文网站设计系统)采用主流的Asp+Access开发设计，开发新英文模板，漂亮大气。是方便自主管理的英文网站建设系统，程序小巧，速度快，后台一站式管理，代码功能全部开源，无任何限制。支持所有Asp虚拟空间，兼容良好，程序采用Div+Css设计，兼容ie6、ie7、ie8、火狐等英文浏览器，网站优化结构设计，配置网站地图，容易被搜索引擎收录，上关键词排名!欢迎大家使用。程序功能
This is a heading
注意:仅当 !DOCTYPE 已经声明 IE8 支持这个内容属性
使用：在一个元素之后插入一些内容
自学教程(如约智惠.com) h1:after {content:url(smiley.gif);}This is a heading
The :before pseudo-element inserts content before an element.
This is a heading
注意:仅当 !DOCTYPE 已经声明 IE8 支持这个内容属性
相关推荐：
css伪类，伪元素_html/css_WEB-ITnose
CSS伪类伪元素_html/css_WEB-ITnose
以上就是css中伪元素的使用方法小结（代码）的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1611290.html
微信扫一扫 
支付宝扫一扫 
