content · CSS基础

## content 属性 ### 属性定义及使用说明 ontent 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。 JavaScript 语法：object.style.content="url(beep.wav)" * * * ## Content属性值 | 值 | 说明 | | :-- | :-- | | none | 设置Content，如果指定成Nothing | | normal | 设置content，如果指定的话，正常，默认是"none"（该是nothing） | | counter | 设定计数器内容 | | attr*(attribute)* | 设置Content作为选择器的属性之一。 | | *string* | 设置Content到你指定的文本 | | open-quote | 设置Content是开口引号 | | close-quote | 设置Content是闭合引号 | | no-open-quote | 如果指定，移除内容的开始引号 | | no-close-quote | 如果指定，移除内容的闭合引号 | | url(*url*) | 设置某种媒体（图像，声音，视频等内容） | | inherit | 指定的content属性的值，应该从父元素继承 | * * * ## 实例--在每个链接后的括号内加上网址： ``` <!DOCTYPE html> <html> <head> <style> a:after {content: " (" attr(href) ")";} </style> </head> <body> <p><a href="http://www.w3cschool.cn">w3cschool</a> contains free tutorials and references.</p> <p><b>Note:</b> IE8 supports the content property only if a !DOCTYPE is specified.</p> </body> </html> ```