CSS3产品价格页表格样式

css3 的表格样式在产品价格页上用起来还挺香的。你可以用border-collapse: collapse搞定干净利落的线条，再加点box-shadow让表格有点立体感。背景色用linear-gradient拉点层次，点击、悬停加点:hover的伪类，页面交互立马活起来。像产品价格这种信息量大的页面，搞点media queries，小屏幕也不怕。你甚至能用::-webkit-scrollbar来自定义滚动条，整体风格一下就统一了。如果你做电商、SaaS，或者单页展示型项目，这套表格样式真可以试试。要是想照着练手，可以下载文件texiao3855_1560681035直接上手。