[Java小工匠]背景2-图片定位与重复
背景图片定位与重复
源代码： 需准备一张，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;
本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2018-07-26，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录