Classi di colore W3.CSS


W3.CSS Colori predefiniti

La classe di colore predefinita utilizzata in W3.CSS è ispirata a Material Design.

I colori Material Design riflettono i colori utilizzati nel marketing, nei segnali stradali e nelle note adesive.

Esempio

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

 

Londra

Londra è la città più popolosa del Regno Unito, con un'area metropolitana di oltre 9 milioni di abitanti.

Londra

Londra è la città più popolosa del Regno Unito, con un'area metropolitana di oltre 9 milioni di abitanti.

Londra

Londra è la città più popolosa del Regno Unito, con un'area metropolitana di oltre 9 milioni di abitanti.


Interfaccia utente piatta

L'interfaccia utente piatta è un'altra classe di colori popolare che può essere utilizzata in W3.CSS:

Esempio

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

 

Londra

Londra è la città più popolosa del Regno Unito, con un'area metropolitana di oltre 9 milioni di abitanti.

Puoi leggere di più sulle classi di colore alternative nei prossimi capitoli di questo tutorial.



Interfaccia utente della metropolitana di Windows

Metro è il soprannome di Microsoft Design Language (MDL).

Metro si concentra sulla tipografia, sulle icone semplificate e sui colori moderni.

Questo esempio mostra come utilizzare i colori Metro di Windows in W3.CSS:

Esempio

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

 

Londra

Londra è la città più popolosa del Regno Unito, con un'area metropolitana di oltre 9 milioni di abitanti.


Windows 8

Windows 8 è stato il primo grande sistema operativo incentrato sul design piatto e sui colori moderni.

Questo esempio mostra come utilizzare i colori di Windows 8 in W3.CSS:

Esempio

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

 

Londra

Londra è la città più popolosa del Regno Unito, con un'area metropolitana di oltre 9 milioni di abitanti.