Pure.CSS Tutorial

Pure.CSS Stripped Tables If the table is large, it would better to make it stripped. The stripped table is more visible and…

Tables with Horizontal Borders If you want only horizontal lines in your table, add the pure-table-horizontal classname to the <table> element. It…

Pure.CSS Grids Pure Grid is a concept of Pure.CSS. There are two types of classes in Pure grid. pure-g: a grid class…

Grouped Input Forms If you want to group sets of text-based input elements, you have to wrap them in a <fieldset> element…

How to use Pure.CSS There are two ways to use Pure.CSS: Install Locally Using CDN Based Version Install Locally You can download…

Pure.CSS Aligned Form The classname “pure-form-aligned” is used to create a aligned form to a <form> element alongside pure-form. In this type…

Pure.CSS Bordered Table The “pure-table-bordered” classname is used to the <table> element to add horizontal and vertical borders to all cells. Example:…

Pure.CSS Buttons What is Button In GUI (Graphical User Interfaces), a button is a small outlined area in a dialog box that…

Pure.CSS Checkboxes and Radios The “pure-checkbox” and “pure-radio” classname are used to normalize and align checkboxes and radio inputs. Example: Let’s take…

Pure.CSS Default Form A class name “pure-form” is used to create a default inline form. Example Let’s take an example to create…