码迷,mamicode.com
首页 > 其他好文 > 详细

前端  验证一下  不同div加载同一图片 呈现不同效果

时间:2016-08-01 23:14:28      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:小代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>显示我们的变化</title>
	<link rel="stylesheet" type="text/css" href="index.css"> 
	<style>
	.div2{
		width:250px;
		height:250px;
		background: url("69.gif") -250px -250px; 
	}
		//69.gif   500*500 
		//  [红][白]
		//  [白][蓝]
	</style
</head>
<body>
	 <div  style="background:url(69.gif); height:250px; width:250px;">
		 加载红色区域
		 <br>
		 <br>
		 <br>
		 </div>
		  <hr>
		  <div class="div2" >
		  加载蓝色区域
		 <br>
		 <br>
		 <br>
		 </div>
		 <hr>
  
</body>
	


</html>

验证结果  px与文件一致   同windos 左上角为原点


前端  验证一下  不同div加载同一图片 呈现不同效果

标签:小代码

原文地址:http://wzsts.blog.51cto.com/10251779/1833113

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!