我们知道CSS的功能很强大，它不仅可以对网页中元素位置的排版进行像素级精确控制，还可以设置字体的大小。
我们今天要向大家介绍一个css不常用的content属性，利用该属性可以向网页中插入文字内容。
content属性用法和定义
content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
a:after
{content: " (" attr(href) ")"
}
</style>
</head>
<body>
<p><a href="http://www.webym.net">网有卖</a></p>
</body>
</html>
上面代码运行的结果是：网有卖(http://www.webym.net)
您也可以将content括号里内容换成任意文字。
目前几乎主流浏览器都已支持css这一属性。
这就是给大家介绍的利用css向网页插入内容的方法。
相关阅读：CSS控制元素在正中间、CSS的position详解
声明:如需转载，请注明来源于www.webym.net并保留原文链接：http://www.webym.net/jiaocheng/298.html
