4.7 (案例) 多张背景图
2017-06-08 本文已影响0人
柒月柒日晴7
多张背景图.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>背景图位置</title>
<style type="text/css">
*{
padding: 0;margin:0;
}
div{
/* background-image:url(images/1.jpg), url(images/2.jpg),url(images/3.jpg);
background-repeat: no-repeat,no-repeat, no-repeat;
background-position: 25% 100%,center center, right top; */
/* background: url(images/1.jpg) 25% 100% no-repeat ,url(images/2.jpg) center center no-repeat , url(images/3.jpg) right top no-repeat ;*/
background: url(images/z-shu.png) 0 0 no-repeat ,url(images/z-shu.png) 0 100% no-repeat , url(images/z-shu.png) 100% 100% no-repeat , url(images/z-shu.png) 100% 0 no-repeat ;
width: 900px;
padding: 190px 0px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
