CSS文件:

body{background-image: url(../img/bg1.jpg);}

p.pictrue{background-image: url(../img/bg2.jpg);}
h1.z{background-image: url(../img/bg3.jpg);}


html文件:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/font.css"/>
</head>
<body>
<p class="pictrue"> aaaaa<h1 class="z">bbbbb</h1>aaaaaa</p>
</body>

</html>

效果:

CSS背景图的应用实例

相关文章: