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

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

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

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

每个DIV的宽高设置好。

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

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

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

metinfo.cn/product/ 响应式网站模板,不妨到这一看。我喜欢用这个网站的原因是他的很多模板都是免费的,最主要的一点是,这个网站的页面非常的好看,对于我这个非常喜欢完美的人来说,这个网站满足了我对模板的需求。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6283389.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存