Visualizzazione Segni
Con un po 'di fantasia delle classi W3-tag e w3-distintivo può essere utilizzato per visualizzare tutti i tipi di segni.
Visualizzazione di un tag da usare come segno
Zoo di Londra
Rappresentazione di variabili in una riga
S
UN
L
E
Esempio
<div class="w3-tag w3-red">S</div>
<div class="w3-tag w3-black" >A</div>
<div
class="w3-tag w3-yellow">L</div>
<div class="w3-tag w3-black">E</div> Prova tu stesso " Visualizzazione Road Signs
Falcon Ridge Parkway
Esempio
<div class="w3-tag w3-round w3-green" style="padding:3px">
<div
class="w3-tag w3-round w3-green w3-border w3-border-white">
Falcon
Ridge Parkway
</div>
</div>
Prova tu stesso " Che presentano segni di grandi dimensioni
IN CASO DIEMERGENZA
DARSELA A GAMBE !
Esempio
<span class="w3-tag w3-xxlarge w3-padding w3-orange w3-center">
IN CASE OF<br>
EMERGENCY<br>
RUN LIKE HELL !
</span> Prova tu stesso " 49, 99
Esempio
<div class="w3-tag w3-jumbo w3-green">
<span
class="w3-xxlarge">49</span>
<span class="w3-large">,99</span>
</div> Prova tu stesso " Visualizzazione arrotondati Segni
NONRESPIRARE
SOTT'ACQUA
Esempio
<span class="w3-tag w3-xxlarge w3-padding w3-round-large w3-red
w3-center">
DO NOT<br>
BREATHE<br>
UNDER WATER
</span> Prova tu stesso " Esponendo la bandiera
Esempio
<div class="w3-display-container w3-white w3-border w3-card-8"
style="height:200px;width:350px">
<div class="w3-display-topleft
w3-container w3-red" style="width:25%;height:40%"><p></p></div>
<div
class="w3-display-topright w3-container w3-red"
style="width:60%;height:40%"><p></p></div>
<div class="w3-display-bottomleft
w3-container w3-red" style="width:25%;height:40%"><p></p></div>
<div
class="w3-display-bottomright w3-container w3-red"
style="width:60%;height:40%"><p></p></div>
</div>
Prova tu stesso "