html css作业

根据所给商品图片,做一个类似如下图所示的小米商城的页面

html css作业_第1张图片

想法:

运用上课学的知识,我决定先建一个主盒子,再在主盒子中分左右两个盒子,右边的盒子再分上下两个盒子,里面的八个商品浮动加间距即可。

大致写出来是这个效果




	
	


	
查看全部

智能硬件

免邮件
小米摄像头
高清摄像

300元

免邮件
玩具娃娃
更加柔软,不伤皮肤

98元

免邮件
小米小型电动车
持久续航,携带方便

888元

免邮件
防尘口罩
有效防止PM2.5

66元

有赠品
小米手表
全国联保

138元

有赠品
我也不知道是啥
又方又圆

300元

有赠品
小米台灯
光线柔和不伤眼

59元

有赠品
我也不知道是啥
中间带一个按钮

200元

效果图:

html css作业_第2张图片

 

你可能感兴趣的:(html css作业)