纯HTML编写仿淘宝粉丝福利购页面-优惠券、商品列表、图片悬浮等布局
简介最近温习一下HTML5+CSS3的一些特性,准备找个高仿的目标,最后选择了淘宝粉丝福利页面,因为这个页面包含的元素比较多。例如:头部品牌信息悬浮、商品属性、优惠券、商品类别等。实现效果:设计如上图所示,页面共分为4个区域,分别为:1、商品图片区2、商品属性、优惠券区(包括:商品名称、价格、优惠情况等)3、推荐商品列表区4、浮动框备注:最后优化代码将商品图片区和商品属性、优惠券区合并为一个。代码实现第一步:整体css样式编写index.css* { padding:
原创
2020-05-13 21:11:52 ·
3567 阅读 ·
0 评论