Windows Metro UI 颜色

Metro 是微软设计语言 (MDL) 的昵称。

Metro 专注于平面设计和现代色彩:

Light Green

HEX: #99b433

Green

HEX: #00a300

Dark Green

HEX: #1e7145

Magenta

HEX: #ff0097

Light Purple

HEX: #9f00a7

Purple

HEX: #7e3878

Dark Purple

HEX: #603cba

Darken

HEX: #1d1d1d

Light Blue

HEX: #eff4ff

Dark Blue

HEX: #2b5797

Yellow

HEX: #ffc40d

Orange

HEX: #e3a21a

Dark Orange

HEX: #da532c

Dark Red

HEX: #b91d47



在 W3.CSS 中使用 Metro 颜色

W3.CSS 是用于样式化 HTML 页面的现代 CSS 框架。

这些示例向您展示了如何将 Windows Metro 颜色与 W3.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

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

实例

<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>

亲自试一试 »  Download the CSS »