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

【前端】background-position 的使用

时间:2019-02-21 12:25:43      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:family   html   图片   osi   red   http   nbsp   com   mil   

一个网页有很多小图标,一般都会把这些小图标都汇聚在同一张透明背景的图片里,用background-position定位图标的位置,给这个图标设置一个大小,

 

例如:图片如下图

 

div {
			background-image:url(2018.png) ;
			background-color:red;
			background-size: 632px 388px;
			width:23px;
	                height:23px;
	                background-position:-320px -130px;/*定义图标的位置*/

	}

  

 

技术图片

 

【前端】background-position 的使用

标签:family   html   图片   osi   red   http   nbsp   com   mil   

原文地址:https://www.cnblogs.com/lilizun/p/10411618.html

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