CSS3 伪元素:before 和 :after 选择器

		
Merry Christmas
		
way to go
	

 

:after 选择器在被选元素的内容后面插入内容。

	p:after{
				content: "-Yeay,OK!";
				background: coral;
				font:bold 14px/25px;
				display: inline-block;
			}

:before 选择器在被选元素的内容前面插入内容。

p:before{
				content: "台词：";
				width: 40px;
				height: 50px;
				display: inline-block;
				background: mediumorchid;
			}

效果: