首页 > 技术文章 > 报表设计细节

shenlanzhizun 2017-11-30 13:25 原文

一.小清新报表

1.表头的设计

      背景色(backgroud-color):rgb(108,202,205)

      字体颜色(color):rgb(255,255,255)

    字体(font-family):微软雅黑

2.表内容设计

        背景色(backgroud-color):rgb(195,237,233)

        字体颜色(color):rgb(28,123,140)

      字体(font-family):微软雅黑

3.边框设计

          所有的右边都不要边框,边框的颜色设置为白色,表内容的边框不要上边框

二.间隔变色设计

偶数行: 背景色:rgb(246,247,250)    字体颜色:rgb(128,128,128)

基数行:背景色:rgb(255,255,255) 字体颜色:rgb(128,128,128)

基数行和偶数行的底部边框的颜色:rgb(242,242,242)    其他的边框都不要

表头:字体颜色:rgb(128,128,128)   上下边框颜色:rgb(108,202,205)  上边框粗点  中间有间距   背景色:白色

效果图:

 

推荐阅读