下图是某商城商品分类页面，请按图片用html制作出如下页面，并将主要代码写在答卷上,并写出你的设计方法_随笔

上面那行字，设置属性text-derection为under-line这样就会有下划线....

下面菜单用一个DIV里面嵌套五个DIV。

每个DIV的宽高设置好。

第一个DIV的渐变效果代码略复杂，可以找个图做背景，商品分类和全部分类超链接设置属性disaplay为block，一个左浮动一个右浮动，行高属性（line-height）设置成与DIV的高度一直，这样垂直才会居中，下面的应该大同小异。

用DISAPLAY设置为BLOCK之后会变成块级元素，下面的超链接全都要设置成左浮动，像【家用电器】那样的，你可以直接打空格控制缩进距离，也可以调整左边距。。。

嗯。。。不懂可以继续问。。。本人大一，HTML学的还凑合

<html>

<head>

<style>

.div1{

width:600px

height:200px

font-size:13px

}

.div select{

width:200px

}

.div select option{

width:150px

height:30px

}

</head>

<body>

<option value="volvo">Volvo</option>

</select>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

下图是某商城商品分类页面，请按图片用html制作出如下页面，并将主要代码写在答卷上,并写出你的设计方法