Come ruotare HTML testo di 90 gradi

July 15

Come ruotare HTML testo di 90 gradi


Creazione di un sito web richiede al progettista di avere almeno una conoscenza di base di HTML, che è un linguaggio di formattazione utilizzato per posizionare gli elementi web e il contenuto in una pagina Web. Questi dati vengono poi letti da un browser Web per determinare come deve essere visualizzato il contenuto. Per formattare e personalizzare questi elementi in modo efficace, si rende necessario applicare le regole CSS e stili. CSS permette di modificare la maggior parte degli elementi del sito, compreso l'orientamento degli elementi testuali. In particolare, esso offre la possibilità di ruotare il testo da un determinato numero di gradi.

istruzione

1 Aprire il programma di editing Web.

2 Selezionare la pagina in cui verrà applicata la rotazione del testo di 90 gradi, quindi aprirlo.

3 Passare alla posizione nella pagina in cui verrà inserito il testo ruotato.

4 Creare un nuovo elemento "<div>" nel corpo della pagina, con uno stile di "classe" da cui il CSS. Ad esempio, "<div class =" text-rotazione "> test </ div>" creerebbe un elemento HTML che visualizza "test".

5 Accedere alla sezione "<head>" della pagina Web e creare un nuovo stile che corrisponde alla classe del vostro elemento "<div>". Dall'ultimo esempio, questo sarebbe "<style type =" text / css "> text-rotazione {display: block; -webkit-transform:. Rotate (-90deg); -moz-transform: rotate (-90deg); } </ style> ". Notare la "." prima del nome della classe CSS.