Menu ▼

Home / blogs / CSS / CSS /

  1. Semantic UI - MIT
  2. Bootstrap - MIT
  3. Foundation - MIT
  4. UIkit - MIT
  5. 960 Grid System - GPL+MIT
  6. Skeleton - MIT
  7. 99lime HTML KickStart - MIT
  8. Kube - Open Source
  9. Less Framework - MIT
  10. Flaminwork - Open Source
  11. G5 Framework - Open Source
  12. Easy Framework - CC
  13. Blueprint - MIT
  14. YAML - CC-BY
  15. BlueTrip - Open Source
  16. YUI CSS - BSD License
  17. Elements - Open Source
  18. 52framework - CC
  19. elastiCSS - MIT
  20. Boilerplate - New BSD
  21. Emastic - Open Source
  22. Malo - MIT
  23. The Golden Grid - MIT
  24. 1kb grid - Open Source
  25. Fluid 960 Grid System - GPL/MIT
  26. Baseline - CC
  27. Lovely CSS Framework - MIT
  28. xCSS - MIT
  29. FEM CSS Framework - MIT/GPL
  30. Helium - Apache v2.0
  31. Knacss - Open Source
  32. Groundwork CSS - MIT
  33. Gumby - MIT
  34. Unsemantic - MIT/GPL
  35. Seelva - Apache 2.0
  36. Tuktuk - MIT
  37. Maple - MIT
  38. Fluidable - CCO
  39. Ink - MIT
  40. Kickoff - MIT
  41. Cascade Framework - MIT
  42. Cascade Framework Light - MIT
  43. Metro UI CSS 2.0 - MIT
  44. Jeet - GPL
  45. Responsive Boilerplate - MIT
  46. Susy - Open Source
  47. Inuit.css - Apache v2.0
  48. Topcoat - Apache v2.0

I suggest Bootstrap and 960Grid which were so easy to construct a web application in less time.

Above content has been gathered from different online websites and made a list for Web designers and developers
Read More...
Submited By : DesignIsBack On 11 Sep 2014
By using the option tr:nth-child(even) / tr:nth-child(odd) in CSS we can set the grid / table alter native row background color. below is the sample css for alternative row background color.

CSS Example :

<style type="text/css">

    .grid

    {

        width:500px;

    }

    .grid th

    {

        background-color:Green;

        color:#ffffff;

    }

    .grid tr:nth-child(even)

    {

        background-color:#ffffff;

    }

    .grid tr:nth-child(odd)

    {

        background-color:#cccccc;

    }

    .grid td

    {

        padding-left:10px;

    }

</style>


GridView :

<asp:GridView ID="gv" runat="server" CssClass="grid">

</asp:GridView>

 

Output :


Read More...
Submited By : mrkraju On 17 Mar 2014




Search dotnetlearners.com