css :before :after
2015-06-01 09:30
471 查看
p:before是在p标签里面的前部分，after是在p标签里面的后部分
<!DOCTYPE html>
<html>
<head>
<style>
p:before
{
content:"前面：";
background-color: #FF0000;
}
p:after
{
content:"后面：";
background-color: #0000FF;
}
p {
background-color: #00FFFF;
}
</style>
</head>
<body>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
<p><b>注释：</b>对于在 IE8 中工作的 :before，必须声明 DOCTYPE。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
p:before
{
content:"前面：";
background-color: #FF0000;
}
p:after
{
content:"后面：";
background-color: #0000FF;
}
p {
background-color: #00FFFF;
}
</style>
</head>
<body>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
<p><b>注释：</b>对于在 IE8 中工作的 :before，必须声明 DOCTYPE。</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS两列布局
- CSS clip:rect矩形剪裁功能及一些应用介绍
- css hack处理
- css 伪类/元素
- CSS代码让Table产生固定表头
- 做带缩略图的轮播切换涉及到的知识点——水平垂直居中、css样式重置、滤镜背景透明效果等
- 高性能 CSS3 动画
- css3边框阴影效果
- CSS盒模型简单用法
- div 布局 （css）
- CSS+DIV网页样式与布局
- CSS3的filter
- （转）CSS字体大小: em与px、pt、百分比之间的对比
- 学点css之经验总结篇章
- HTMLl和CSS基本知识点
- QGraphicsView框架容易忽视的坐标问题-“画布”QgraphicsScene到底放在了哪儿？
- CSS定位
- css clear用法
- 外部式css样式
- PIE使IE支持CSS3圆角盒阴影与渐变渲染