实验二 使用CSS样式美化购物列表页面中的菜单导航以及商品展示
一、实验目的
掌握CSS定义文字、背景图片、超链接控制、列表等常用属性的设置
二、实验要求
在购物列表页面中,通过<ul>标签来实现菜单导航栏,然后使用css样式控制菜单栏的位置和样式,效果如下:
使用CSS样式美化购物列表页面中的商品展示区,商品展示区分为“最新上架”和“品牌活动”两部份,两模块采用div-ul-li方式排版,效果如下:
最新上架部分:
品牌活动部分:
具体代码如下(仅供参考):
<!DOCTYPE html PUBLIC "-//...
原创
2021-10-31 22:56:20 ·
3214 阅读 ·
3 评论