<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> <style> .w3-btn{width:150px;} </style> <body class="w3-container"> <p><button class="w3-btn w3-red">Red</button></p> <p><button class="w3-btn w3-pink">Pink</button></p> <p><button class="w3-btn w3-purple">Purple</button></p> <p><button class="w3-btn w3-deep-purple">Deep Purple</button></p> <p><button class="w3-btn w3-indigo">Indigo</button></p> <p><button class="w3-btn w3-blue">Blue</button></p> <p><button class="w3-btn w3-light-blue">Light Blue</button></p> <p><button class="w3-btn w3-cyan">Cyan</button></p> <p><button class="w3-btn w3-aqua">Cyan</button></p> <p><button class="w3-btn w3-teal">Teal</button></p> <p><button class="w3-btn w3-green">Green</button></p> <p><button class="w3-btn w3-light-green">Light Green</button></p> <p><button class="w3-btn w3-lime">Lime</button></p> <p><button class="w3-btn w3-sand">Sand</button></p> <p><button class="w3-btn w3-khaki">Khaki</button></p> <p><button class="w3-btn w3-yellow">Yellow</button></p> <p><button class="w3-btn w3-amber">Amber</button></p> <p><button class="w3-btn w3-orange">Orange</button></p> <p><button class="w3-btn w3-deep-orange">Deep Orange</button></p> <p><button class="w3-btn w3-brown">Brown</button></p> <p><button class="w3-btn w3-blue-grey">Blue Grey</button></p> <p><button class="w3-btn w3-light-grey">Light Grey</button></p> <p><button class="w3-btn w3-grey">Grey</button></p> <p><button class="w3-btn w3-dark-grey">Dark Grey</button></p> <p><button class="w3-btn w3-black">Black</button></p> </body> </html> |