本文介绍CSS伪元素: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">
h1:after {content:url(/i/w3school_logo_white.gif)}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>The :before pseudo-element inserts content before an element.</p>
<h1>This is a heading</h1>
<p><b>注释：</b>如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 content 属性。
</body>
</html>
css:after 伪元素
最新推荐文章于 2025-08-09 16:38:22 发布
扫一扫
468
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
