Mais
×

Como girar o texto de uma tabela em HTML

Atualizado em 17 abril, 2017

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.

  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: "".

  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.

Dicas

  • Você também pode girar os elementos contidos entre as tags "<div>" e "</div>" usando o mesmo processo.
Cite this Article A tool to create a citation to reference this article Cite this Article