详解CSS3中新增的内容属性:content

1. 用法:

content属性用于插入生成的内容,常和:before选择器和:after选择器配合使用,将生成的内容放在一个元素内容的前面或后面。

2. 基本语法:

content: normal | string | attr() | uri() | counter()

说明:

normal : 默认值。
string : 查入文本的内容,一般是一个字符串。
attr() : 插入元素的属性值,语法:attr(attribute)。
uri() : 插入一个外部资源文件,可以是图像,音频,视频文件或浏览器所支持的其他任何资源。
counter() : 计数器,用于插入排序标识,counter()不仅可以追加数字编号,还可以追加字母编号或罗马数字编号,语法:content:couter(计数器名,编号种类)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,134评论 19 139
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,981评论 0 3
  • Today终于完成了计划中的耐力训练,-10°的抱石墙,随便抓,50个点,中间休息2:30-3:00钟。完成3组半...
    乔阳阅读 164评论 0 0
  • 我把我喜欢的东西都献给了年轻、新鲜、冒险新奇和闪光的东西。
    采元气少女阅读 191评论 0 0
  • 为什么人们更愿意在运动和娱乐上花费时间和精力,即便需要花很多钱。而不太愿意在工作上投入更多,即便工作会给他带来很多...
    kafkaliu阅读 191评论 0 0

友情链接更多精彩内容