下图是某商城商品分类页面，请按图片用html制作出如下页面，并将主要代码写在答卷上,并写出你的设计方法
导读：本文共647.5字符，通常情况下阅读需要2分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：上面那行字，设置属性text-derection为under-line这样就会有下划线....下面菜单用一个DIV里面嵌套五个DIV。每个DIV的宽高设置好。第一个DIV的渐变效果代码略复杂，可以找个图做背景，商品分类和全部分类超链接设置属性disaplay为block，一个左浮动一个右浮动，行高属性（line-height）设置成与DIV的高度一直，这样垂直才会居中，下面的应该大同小异。用DIS... ...
目录
(为您整理了一些要点),点击可以直达。
上面那行字，设置属性text-derection为under-line这样就会有下划线....下面菜单用一个DIV里面嵌套五个DIV。每个DIV的宽高设置好。第一个DIV的渐变效果代码略复杂，可以找个图做背景，商品分类和全部分类超链接设置属性disaplay为block，一个左浮动一个右浮动，行高属性（line-height）设置成与DIV的高度一直，这样垂直才会居中，下面的应该大同小异。用DISAPLAY设置为BLOCK之后会变成块级元素，下面的超链接全都要设置成左浮动，像【家用电器】那样的，你可以直接打空格控制缩进距离，也可以调整左边距。。。嗯。。。不懂可以继续问。。。本人大一，HTML学的还凑合
虽然还是不太懂但是还是感谢 学弟你真棒。。。
。。。额。。其实我现在闲着，就是不知道今晚十一点半断网不，我可以帮你把代码写出来
！！！天呐亲你要是帮写了我们全班都会感谢你的。。。本来我们是学新闻的学这个真心。。。这个是期末考试题目。。不急。。后天才交卷子QAQ
已经大概写好了。。。。细节方面自己稍微改改吧这是效果图，代码字数超过了。。。学姐给个邮箱吧
下图是某商城商品分类页面，请按图片用html制作出如下页面，并将主要代码写在答卷上,并写出你的设计方法的详细内容，希望对您有所帮助，信息来源于网络。