十个漂亮的表格设计

10个漂亮的表格设计

原文链接：http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/1. Horizontal Minimalist

EmployeeSalaryBonusSupervisorStephen C. Cox$300$50BobJosephin Tan$150-AnnieJoyce Ming$200$35AndyJames A. Pentel$175$25Annie

EmployeeSalaryBonusSupervisorStephen C. Cox$300$50BobJosephin Tan$150-AnnieJoyce Ming$200$35AndyJames A. Pentel$175$25Annie
2. Vertical Minimalist

ComedyAdventureActionChildrenScary MovieIndiana JonesThe PunisherWall-EEpic MovieStar WarsBad BoysMadagascarSpartanLOTRDie HardFinding NemoDr. DolittleThe Mummy300A Bug’s Life

3. BoxEmployeeSalaryBonusSupervisorStephen C. Cox$300$50BobJosephin Tan$150-AnnieJoyce Ming$200$35AndyJames A. Pentel$175$25AnnieComedyAdventureActionChildrenScary MovieIndiana JonesThe PunisherWall-EEpic MovieStar WarsBad BoysMadagascarSpartanLOTRDie HardFinding NemoDr. DolittleThe Mummy300A Bug’s Life

4. Horizontal ZebraEmployeeSalaryBonusSupervisorStephen C. Cox$300$50BobJosephin Tan$150-AnnieJoyce Ming$200$35AndyJames A. Pentel$175$25Annie

5. Vertical Zebra Style

CompanyQ1Q2Q3Q4Microsoft20.330.523.540.3Google50.240.6345.2339.3Apple25.430.233.336.7IBM20.415.622.329.3

7. NewspaperCompanyQ1Q2Q3Q4Microsoft20.330.523.540.3Google50.240.6345.2339.3Apple25.430.233.336.7IBM20.415.622.329.3CompanyQ1Q2Q3Q4The above data were fictional and made up, please do not sue meMicrosoft20.330.523.540.3Google50.240.6345.2339.3Apple25.430.233.336.7IBM20.415.622.329.3FAVORITEGREATNICEBADPassion of the ChristBourne UltimatumShoot ‘Em UpAliThe Big FishThe MummyApocalyptoMonsterShawshank RedemptionCold MountainIndiana JonesDead or AliveGreatest Story Ever ToldI Am LegendStar WarsSaw 3

8. Rounded CornerCompanyQ1Q2Q3Q4The above data were fictional and made up, please do not sue meMicrosoft20.330.523.540.3Google50.240.6345.2339.3background-color: #e8edff; border-top-width: 1px; border-top-style: solid; border-top-color: #ffff

十个漂亮的表格设计

热点推荐