Come ruotare in HTML

February 27

Con la conoscenza di base dei codici HTML, un sito web designer in grado di manipolare il testo, modificando le dimensioni, la posizione o la rotazione del testo. Mentre alcuni modelli di siti web consentono di fare clic, trascinare e ruotare il testo con un clic di un pulsante, i programmi di costruzione di siti web richiedono di inserire un codice HTML unico che determina come deve essere visualizzato il testo. Con gli stili CSS e le regole, è possibile modificare l'orientamento del testo e ruotarlo di un determinato numero di gradi.

istruzione

Testo Ruota

1 Avviare il programma di editing web e selezionare la pagina del testo che si desidera ruotare.

2 Creare un nuovo elemento nel corpo della pagina con il codice HTML: <div class = "text-rotazione"> Inserisci-text </ div>. Sostituire la frase "insert-text" con il testo che si desidera apparire sul tuo sito. Per esempio, se si desidera che il testo ruotato a leggere "Esempio", il codice HTML sarà simile: <div class = "text-rotazione"> Esempio </ div>.

3 Aggiungere un nuovo stile che è associato con il nuovo elemento andando alla sezione "<head>" di yoru web editor di pagine e incollando il codice HTML:

<Style type = "text / css"> text-rotazione {display:. Block; -webkit-transform: rotate (#deg); -moz-transform: rotate (#deg);} </ style> "

Sostituire la frase "grado" con il grado esatto che si desidera per il testo da ruotare. Per esempio, se si desidera ruotare il testo di 90 gradi verso l'alto, si dovrebbe mettere "90deg." Per ruotare verso il basso, inserire un valore negativo (-) simbolo di fronte al numero di gradi.