码迷,mamicode.com
首页 > Web开发 > 详细

CSS background属性

时间:2015-12-18 16:44:38      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

一个网站上的图片或图标都在一张图片上的css制作方法:

 

1.CSS样式

1 .d1{width:13px;height:70px; border:#C00 1px solid;background:url(ex_icon.png) 0 0 no-repeat;}
2 .d2{width:13px;height:70px; border:#C00 1px solid;background:url(ex_icon.png) -14px 0 no-repeat;}
3 .e1{width:23px;height:70px; border:#C00 1px solid;background:url(ex_icon.png) -36px 0 no-repeat;}/*background:url(ex_icon.png) -36px(往右) 0(往下) */  
4 .e2{width:23px;height:70px; border:#C00 1px solid;background:url(ex_icon.png) -61px 0 no-repeat;}

2.html代码

1 <div class="d1"></div>
2 <div class="d2"></div>
3 
4 <div class="e1"></div>
5 <div class="e2"></div>

3.图片

技术分享

 

CSS background属性

标签:

原文地址:http://www.cnblogs.com/xiaomifeng/p/5057273.html

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