Pure.CSS Tutorial

Pure.CSS Menus Pure.CSS provides vertical menus by default. It is very easy to customize the menus in Pure.CSS because of minimal styling…

Multi-Column Forms The class name pure-grid is used to create a responsive multi-column form. It requires that pure responsive grid to be…

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…

Pure.CSS Default Table The “pure-table” classname is used to create a default table in Pure.CSS. By default this class adds padding and…

Pure.CSS Disabled Inputs The “disable” attribute is used to disable a form control. It is used when you want to add a…

Pure.CSS Dropdown You can create dropdown navigation by making small changes in markup. You have to add the class name “pure-menu-has-children” to…

Pure.CSS Forms Pure.CSS provides a very beautiful and responsive CSS for form designing. You have to add a class name “pure-form” to…