css练习之边框、框模型、背景属性

css练习之边框、框模型、背景属性_第1张图片

鼠标悬停页面上后的效果如下:

css练习之边框、框模型、背景属性_第2张图片

注:

5颗星是利用“雪碧图”(又称精灵图)做出来的;

框内的两个按钮上设置了颜色渐变;


CSS Sprites(雪碧图,精灵图)
将若干幅小图合并到一副大图中,根据实际使用需求,改变图像的位置,从而显示出向看的图片
如何显示 雪碧图 中的某一块图像???
1、根据要显示的图像创建一个一模一样大小的元素
2、为元素设置背景图,并且移动图像到显示区域


index.html(采用了内部样式表)



	 
			
			
			
			
			
			Document
			
	 
	 
			

标    签: 比洗衣粉好 去污能力强

心    得: 买了几次了,挺好用的,洗的衣服很干净,以后就它了!

购买日期: 2014-12-01

1 2 3 4 5 6



你可能感兴趣的:(Html+CSS实例)