背景图片定位与重复
源代码：
需准备一张，400px*400px的图片。
bg.png
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>b</title>
<style type="text/css">
.box{
width: 600px;
height: 600px;
margin : 50px auto;
border: 1px solid red;
background: url(bg.png) no-repeat left 100px;
}
</style>
</head>
<body>
<div class="box">
</div>
</body>
</html>
运行效果：
image.png
负值运行效果：
background: url(bg.png) no-repeat -100px -100px;
image.png
重复运行系效果:
background: url(bg.png) repeat -100px -100px;
image.png
扫一扫
1928
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
