1. Home
  2. Iniciando com a Bybrand
  3. Como adicionar borda na assinatura de e-mail

Como adicionar borda na assinatura de e-mail

This post is also available in: English

O editor de assinatura de e-mail tem o recurso de gerenciar bordas, em células da assinatura, isso pode ser muito útil para separar elementos lógicos como foto e texto, ou dar um design mais bonito, se bem aplicado.

O recurso de borda também pode ser usado para criar uma linha vertical.

Vídeo tutorial

Assista ao vídeo tutorial completo de como fazer.

Adicionando bordas e linhas na assinatura de e-mail HTML.

Adicionando bordas na assinatura de e-mail

Para a opção de borda aparecer, você precisa selecionar ou clicar em uma célula. Isso geralmente acontece em todos os campos da assinatura. Como pode ser visto na ilustração abaixo.

Como trabalhar com bordas na assinatura de e-mail

Ao clicar na opção de bordas do Editor, em seguida, escolha a direção da borda que deseja: em todos os lados da célula, ou apenas nos lados esquerdo, direito, superior ou inferior.

No exemplo a seguir, acrescentaremos apenas ao lado esquerdo da célula escolhida. Após o clique, surgirá um pop-up para personalizar estilo, tamanho e cor.

Configurando as bordas na assinatura

Entenda as opções:

  1. Primeiro deve escolher o estilo da borda: sólida, pontilhada, tracejada ou dupla. O padrão é sólido.
  2. O segundo é configurar a cor da borda. Essa opção aceita cores em HEX, como “#dddddd”.
  3. O último é configurar a espessura da linha, que pode variar de 1 até 10 pixels.

Depois do terceiro ponto, a borda vai aparecer na assinatura como configurado.

Removendo uma borda

Em algum momento, a borda configurada pode não ser a desejada. É possível apagar e configurar uma nova, ou remover totalmente. Escolha a direção da borda que deseja apagar (total, esquerda, direita, superior ou inferior). Em seguida, clique no ícone de excluir.

Removendo uma borda na assinatura de e-mail

Pronto, a borda será removida. Se isso não funcionar, pode ser que tenha escolhido o lado errado. Tente remover com a opção de todos os lados.

Modelos de assinaturas de e-mail com borda

1. Light Studio

Modelo limpo e equilibrado, com uma borda vertical fina separando o logotipo das informações de contato.

Exemplo de assinatura de e-mail com borda 01

2. Lyon Office Park

Assinatura composta por seções divididas por bordas retas e contínuas, criando uma estrutura sólida e formal. O layout em colunas reforça a aparência corporativa e bem definida.

Exemplo de assinatura de e-mail com borda 02

3. Harper Russo – Suporte

Formato moderno com bordas superiores discretas que delimitam a área dos links rápidos. O uso da linha confere ordem e facilita a navegação entre os elementos da assinatura.

Exemplo de assinatura de e-mail com borda 03

Relacionado


Qualquer dúvida ou dificuldade no processo de gerenciar bordas na assinatura de e-mail, por favor, escreva para o nosso suporte via e-mail ou chat.

Updated on 1 de dezembro de 2025
Was this article helpful?
Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support