美文网首页
详解CSS3中新增的内容属性:content

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

作者: 5jing | 来源:发表于2018-11-04 22:30 被阅读0次

1. 用法:

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

2. 基本语法:

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

说明:

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

相关文章

网友评论

      本文标题:详解CSS3中新增的内容属性:content

      本文链接:https://www.haomeiwen.com/subject/gzndxqtx.html