小白的活字格学习分享 第四篇——实现卡片容器效果
本帖最后由 LukeLiu 于 2019-8-30 09:34 编辑在看官方模板的时候被页面中的卡片效果吸引了：
因为卡片式的设计有如下优点：
[*]卡片将信息以区块的形式组织到一起，用户也喜欢阅读成块的内容，因为它们更为集中更适合阅读：
[*]这种设计让内容不会以长篇大论的形式出现，避免因为内容太长让用户产生畏惧心理，简单明快的内容更容易引起用户兴趣，用户也因此能够选择是否要继续阅读下去。
[*]卡片将内容提取、优化为有意义的区块，而且不同类型、属性的内容可以在卡片上组合称为有机的、连贯的聚合体。
好呗，记录一下自己实现过程：
[*]设置空页面的背景色为浅灰色
[*]选中一块区域，再次设置背景色，用来区别;
[*]通过空的超链接单元格占位并实现阴影效果：
对比一下，之前一个项目的页面通过修改为卡片式的设计，美观了许多： 总结，当我在同一个页面需要区分不同内容的时候，我可以使用卡片的方式分类，一方面简化页面结构，增加页面的组织感，另一方面，上扬页面的颜值 :i0tw3:
有种说法叫温故而知新！上论坛都会看这系列的帖子！不错！加油 喜欢设个设计 上面页面分享工程文件？:jy74a: 谢谢，新同学的学习分享！ 是的，温故知新！
页:
[1]