w3.css
윈도우 메트로 UI
Metro는 MDL(Microsoft Design Language)의 별명이다.
Metro는 타이포그래피, 단순화된 아이콘, 현대적인 색상에 중점을 두고 있다.
이 예에서는 W3.CSS에서 Windows Metro 색상을 사용하는 방법을 보여준다.
예제
<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>
기본 예시
예제 보기LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-light-green
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-green
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-magenta
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-light-purple
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-purple
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-purple
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-darken
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-teal
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-light-blue
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-blue
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-blue
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-yellow
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-orange
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-orange
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-red
LondonLondon is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-red
참고
W3C School - W3.CSS - W3.CSS Metro UI Colors