css3.0学习 内容 Generated Content

第六节 内容 Generated Content

1.content

语法：
content:normal|string|attr()|uri()|counter()

取值：
normal:默认值
string:插入文本内容加滚动条
attr():插入一个外部资源（图像，声频，视频或浏览器支持的其它任何资源）
counter:计数器，用于插入排序标示

说明：
content用于插入生成内容；
content属性与:before及:after伪元素配合使用，将生成内容放在一个元素内容的前面或后面

兼容性：
IE8，Firefox3.0，Firefox3.5，Safari3.1，Safari4

代码示例：
<style type="text/css">
.example { width:400px; height:50px; line-height:50px;overflow:hidden; text-align:center; color:#FF0000;border:#993300 solid 1px; }
#example_01:before { content:"您使用的浏览器支持content属性"; }
</style>
<div id="example_01" class="example"></div>