1、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。
2、然后通过background给div添加一张图片作为它的背景。
3、如图，通过url()来连接图片，url里面放置的就是背景图片的路径。
4、这样，保存之后文字就会覆盖在图片的上面了，而如果使用img标签，则没有这种效果。
不如直接用HTML5+CSS3
1.确认HTML脚本文件第一行有
<!DOCTYPE html>标记，这是浏览器识别HTML5版本的必要条件
2.如果该网页用于老式浏览器(低于IE9或Firefox4或Chrome25)，需添加shiv脚本，在head部分添加
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="]-->
3.创建你的元素(此处使用article标记)，标记他的style样式（如例是一个带有圆角和阴影的亮蓝色元素）
HTML 5脚本
<article><h1>An Article</h1>
</article>
CSS 3脚本
article {background: lightblue padding: 5px border-radius: 10px margin-bottom: 10px box-shadow: 4px 4px 10px rgba(0,0,0,0.5)
}
