现在的位置: 网页制作教程网站制作教程 >正文
CSS

利用CSS插入文字内容的方法

发表于2016/12/6 网站制作教程 0条评论 ⁄ 热度 2,770℃

我们知道CSS的功能很强大,它不仅可以对网页中元素位置的排版进行像素级精确控制,还可以设置字体的大小。

我们今天要向大家介绍一个css不常用的content属性,利用该属性可以向网页中插入文字内容

CSS裸奔节

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详解

  • 暂无评论