×
Loading ...

Como girar o texto de uma tabela em HTML

O HTML é uma linguagem usada para criar e manipular objetos de uma página da web. Quando combinada com CSS e outras linguagens, é possível exibir praticamente qualquer coisa em um navegador. A estrutura do código pode ser estabelecida de várias formas, sendo que uma delas é através de tabelas. Usando-as para definir a posição dos elementos da página, é possível girar o texto dentro de uma célula.

Instruções

Como girar o texto de uma tabela em HTML (Comstock/Comstock/Getty Images)
  1. Abra a página da web onde você deseja girar um texto.

    Loading...
  2. Crie uma tabela com uma célula adicionando o texto "

    xxxxxx
    " em algum lugar entre as tags ">" e "". Substitua "xxxxxx" pelo texto que deseja girar.

  3. Adicione uma classe e um filtro do Internet Explorer para o elemento "". Por exemplo: "xxxxxx".

  4. Crie uma classe CSS entre as tags ""e "" da sua página: " type="text/css">.rotation {display: block;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); }".

  5. Salve sua página e, em seguida, abra-a em um navegador para verificar se o texto foi girado corretamente. Se você deseja mudar o ângulo de rotação, ajuste os elementos "(-90deg)" da classe CSS de acordo. Você também precisará mudar a propriedade de rotação do filtro do Internet Explorer para 0, 1, 2 ou 3 para girar o texto a 0, 90, 180 ou 270 graus, respectivamente.

Loading...

Dicas

  • Você também pode girar os elementos contidos entre as tags "<div>" e "</div>" usando o mesmo processo.

Referências

Loading ...
Loading ...