W3.CSS Metro UI Colors







googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });



W3.CSS Metro UI Colors



❮ Previous
Next ❯


Windows Metro UI


Metro is the nickname of Microsoft Design Language (MDL).


Metro is focused on typography, simplified icons, and modern colors.


This example shows how to use Windows Metro colors with W3.CSS:




Example



<div class="w3-metro-light-green">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>


Try It Yourself » 
Download the CSS »





London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-light-green




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-green




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-dark-green




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-magenta










googletag.cmd.push(function() { googletag.display('div-gpt-ad-1493883843099-0'); });






London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-light-purple




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-purple




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-dark-purple




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-darken




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-teal




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-light-blue




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-blue




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-dark-blue




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-yellow




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-orange




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-dark-orange




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-red




London


London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.



Try It


w3-metro-dark-red






❮ Previous
Next ❯

-

Popular posts from this blog

Colors HSL

googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); Colors HSL ❮ Previous Next ❯ HSL Calculator   rgb(255, 0, 0) #ff0000 H: S: L: HSL Colors HSL color values are supported in IE9+, Firefox, Chrome, Safari, and in Opera 10+. HSL stands for hue, saturation, and lightness. HSL color values are specified with: hsl( hue , saturation , lightness ) . Hue Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, 240 is blue. Saturation Saturation is a percentage value; 0% means a shade of gray and 100% is the full color. Lightness Lightness is also a percentage; 0% is black, 100% is white. function submitOnEnter(e) { keyboardKey = e.which || e.keyCode; if (keyboardKey == 13) { setFullColor(); } } function clickHue(hue) { var h = document.getElementById("hue01"); h.v...
Read more

W3.CSS Downloads

<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> W3.CSS Downloads ❮ Previous Next ❯ Download W3.CSS Download W3.CSS from this link: https://www.w3schools.com/w3css/4/w3.css W3.CSS is Free W3.CSS is free to use. No license is necessary. How To use W3.CSS To use W3.CSS, just add a link to "w3.css" in your web pages: Example <!DOCTYPE html> <html> <title>My Web</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> Try It Yourself » Or download w3.css and run it from your own web site: Example <!DOCTYPE html> <html> <title>My Web</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="w3.css"> If you put w3....
Read more

W3.CSS Tables

<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> W3.CSS Tables ❮ Previous Next ❯ First Name Last Name Points Jill Smith 50 Eve Jackson 94 Adam Johnson 67 Bo Nilsson 50 Mike Ross 35 W3.CSS Table Classes W3.CSS provides the following classes for tables: Class Defines w3-table Container for an HTML table w3-striped Striped table w3-border Bordered table w3-bordered Bordered lines w3-centered Centered table content w3-hoverable Hoverable table w3-table-all All properties set Basic Table The w3-table class is used to display a basic table: First Name Last Name Points Jill Smith 50 Eve Jackson 94 Adam Johnson 67 Example <table class="w3-table"> <tr>   <th>First Name</th>   <th>Last Name</th>   <th>Points</th> </tr> <tr>   <td>Jill</td>   <td>Smith</td>   <td>50</...
Read more