web前端入门:Html、CSS完成九宫格

用html、css制作一个简单的九宫格,显示完整的拼图效果。

1.建一个三行三列的表格;

2.设置一个图片背景;

3.使用background-position属性来移动背景图片位置。

关于设置背景属性,可以参考以下文档!

http://css.doyoe.com/properties/background/background-position.htm

代码如下:



	
		
		九宫格
		
	
	
		

来看看效果吧。

web前端入门:Html、CSS完成九宫格_第1张图片 

小白也有在努力   >_<    !

你可能感兴趣的:(web前端,html5,css,前端)