{"id":26166,"date":"2025-05-16T19:44:56","date_gmt":"2025-05-16T22:44:56","guid":{"rendered":"https:\/\/www.bybrand.io\/blog\/?p=26166"},"modified":"2025-05-16T19:44:57","modified_gmt":"2025-05-16T22:44:57","slug":"bordes-y-lineas-firma","status":"publish","type":"post","link":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/","title":{"rendered":"C\u00f3mo utilizar bordes y l\u00edneas de forma eficaz en tu firma de correo electr\u00f3nico"},"content":{"rendered":"\n<p>Los bordes y las l\u00edneas de la firma de correo electr\u00f3nico no son s\u00f3lo detalles visuales; son elementos estrat\u00e9gicos que mejoran la estructura y la claridad. Por tanto, hacen de cada firma HTML una extensi\u00f3n de la identidad corporativa. <\/p>\n\n\n\n<p>Los bordes y l\u00edneas en firmas de correo ayudan a organizar datos de contacto, logotipos y enlaces sociales de manera ordenada y profesional.<\/p>\n\n\n\n<p>Ejemplo de firma de correo electr\u00f3nico con dos l\u00edneas horizontales:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"238\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04.png\" alt=\"Firma de correo electr\u00f3nico con dos l\u00edneas horizontales\" class=\"wp-image-19106\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04.png 501w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04-300x143.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04-150x71.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04-390x185.png 390w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p>En esta gu\u00eda paso a paso, basada en los conocimientos compartidos en nuestro v\u00eddeo tutorial, aprender\u00e1s todo sobre los bordes y las l\u00edneas verticales y horizontales en tu firma de correo electr\u00f3nico.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-comprender-las-opciones-de-borde-y-linea-en-una-firma-html\"><span id=\"comprender-las-opciones-de-borde-y-linea-en-una-firma-html\">Comprender las opciones de borde y l\u00ednea en una firma HTML<\/span><\/h2>\n\n\n\n<p>Incorporar bordes y l\u00edneas a la firma de correo electr\u00f3nico no consiste s\u00f3lo en mejorar la est\u00e9tica. De hecho, es un enfoque estrat\u00e9gico para estructurar un contenido \u00fanico para que se vea mejor. <\/p>\n\n\n\n<p>El <a href=\"https:\/\/www.bybrand.io\/es\/editor\" target=\"_blank\" rel=\"noreferrer noopener\">editor de firmas HTML<\/a> de Bybrand, por ejemplo, ofrece amplias opciones de personalizaci\u00f3n de los bordes, lo que permite al usuario alinear el dise\u00f1o de su firma de correo electr\u00f3nico con la identidad visual de su marca.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Working with borders &amp; vertical lines in your email signature\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/KyDvGBYmrdg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Los usuarios pueden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Personaliza el borde y el estilo de las l\u00edneas<\/strong>: elige entre estilos s\u00f3lidos, punteados, discontinuos o dobles para adaptarlos a la est\u00e9tica de la marca.<\/li>\n\n\n\n<li><strong>Ajusta el tama\u00f1o y el color de la l\u00ednea<\/strong>: Modifica la anchura del borde (de 1 a 10 p\u00edxeles) y selecciona colores para el contraste, asegur\u00e1ndote de que la firma destaque.<\/li>\n\n\n\n<li><strong>Personalizaci\u00f3n direccional<\/strong>: aplica bordes en todos los lados o selectivamente en la parte superior, inferior, izquierda o derecha, para segmentar eficazmente la informaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<p>Del mismo modo, a\u00f1adir l\u00edneas verticales sirve como elemento funcional para segregar distintas secciones de la firma, como la informaci\u00f3n de contacto, los elementos de marca y los enlaces a redes sociales.<\/p>\n\n\n\n<p>Esta divisi\u00f3n l\u00f3gica mejora la legibilidad y garantiza que cada dato sea f\u00e1cilmente accesible.<\/p>\n\n\n\n<h2 id=\"anadir-bordes-y-lineas-verticales-a-la-firma\" class=\"wp-block-heading\">A\u00f1adir bordes y l\u00edneas verticales a la firma<\/h2>\n\n\n\n<p>Para a\u00f1adir un borde a tu firma de correo electr\u00f3nico HTML, el proceso implica una combinaci\u00f3n de selecci\u00f3n de la celda adecuada, personalizaci\u00f3n del borde a trav\u00e9s de una interfaz amigable, como el editor Bybrand, y aplicaci\u00f3n de la codificaci\u00f3n HTML para un posicionamiento y estilo precisos.<\/p>\n\n\n\n<p>Aqu\u00ed tienes una gu\u00eda paso a paso. Pero recuerda que los pasos tambi\u00e9n se pueden ver en el v\u00eddeo de arriba. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Seleccionando la celda:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Ve al panel de control de Bybrand y elige &#8220;Crear a partir de una plantilla&#8221; o selecciona una celda de una firma existente.<\/li>\n\n\n\n<li>Para bordes alrededor de elementos espec\u00edficos, haz clic en la celda deseada.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Personalizar el borde:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Haz clic en la opci\u00f3n de borde y decide la direcci\u00f3n (todos los lados o s\u00f3lo a la izquierda, derecha, arriba o abajo).<\/li>\n\n\n\n<li>Aparecer\u00e1 una ventana emergente que te permitir\u00e1 seleccionar el estilo (s\u00f3lido, punteado, discontinuo o doble), el color y la anchura del borde.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Aplicar la codificaci\u00f3n HTML a los bordes:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Para un borde alrededor de toda la firma, utiliza las opciones del editor.<\/li>\n\n\n\n<li>Para a\u00f1adir un borde alrededor de un elemento concreto, como una imagen, aplica el borde a la celda.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>Siguiendo estas t\u00e9cnicas de personalizaci\u00f3n, los usuarios pueden crear firmas de correo electr\u00f3nico no s\u00f3lo visualmente atractivas, sino tambi\u00e9n estructuradas para mejorar la legibilidad.<\/p>\n\n\n\n<h2 id=\"ejemplos-de-usos-creativos-de-lineas-y-bordes-en-firmas-de-correo-electronico\" class=\"wp-block-heading\">Ejemplos de usos creativos de l\u00edneas y bordes en firmas de correo electr\u00f3nico<\/h2>\n\n\n\n<p>Aqu\u00ed tienes algunas ideas con ejemplos reales de firmas de correo electr\u00f3nico:<\/p>\n\n\n\n<p><strong>Borde en todos los lados:<\/strong> Poner a la firma un borde global, en lugar del tradicional blanco, puede hacerla m\u00e1s atractiva. Este sencillo cambio puede transformar el impacto de la firma. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"146\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015.png\" alt=\"Firma con borde en todos los lados.\" class=\"wp-image-4626\" style=\"width:450px;height:110px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015.png 600w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015-300x73.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015-150x37.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015-420x102.png 420w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Separa los iconos de las redes sociales:<\/strong> Trata los iconos de las redes sociales no s\u00f3lo como enlaces, sino como parte del dise\u00f1o. En este ejemplo de abajo, observa que utilizamos &#8220;punteado&#8221;. Esto a\u00f1ade inter\u00e9s visual y fomenta el compromiso.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"338\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016.png\" alt=\"Separa los iconos de las redes sociales con puntos.\" class=\"wp-image-6939\" style=\"width:240px;height:254px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016.png 320w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016-284x300.png 284w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016-142x150.png 142w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Resaltar el nombre y la posici\u00f3n:<\/strong> Resaltar el nombre del remitente ayuda a que destaque, garantizando su reconocimiento inmediato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"619\" height=\"247\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01.png\" alt=\"Resalta el nombre y la posici\u00f3n con una l\u00ednea horizontal.\" class=\"wp-image-17746\" style=\"width:464px;height:185px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01.png 619w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01-300x120.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01-150x60.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01-390x156.png 390w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>L\u00ednea vertical:<\/strong> Utiliza l\u00edneas verticales para separar y organizar l\u00f3gicamente la firma, como la informaci\u00f3n de contacto. Esto ayuda a identificar r\u00e1pidamente los datos de contacto. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"205\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023.png\" alt=\"Firma de correo electr\u00f3nico con dos l\u00edneas verticales.\" class=\"wp-image-8459\" style=\"width:450px;height:154px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023.png 600w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023-300x103.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023-150x51.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023-390x133.png 390w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Logotipo:<\/strong> Incorpora bordes y l\u00edneas en elementos que reflejen la personalidad de la marca, haciendo que la firma sea \u00fanica.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"236\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode.png\" alt=\"Firma de correo electr\u00f3nico con un logotipo en el borde derecho.\" class=\"wp-image-14455\" style=\"width:372px;height:177px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode.png 496w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode-300x143.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode-150x71.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode-390x186.png 390w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Utilizando guiones:<\/strong> Tambi\u00e9n puedes crear una separaci\u00f3n l\u00f3gica utilizando guiones &#8220;|&#8221;, o con bordes laterales en cada celda.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"197\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055.png\" alt=\"Firma de correo electr\u00f3nico con gui\u00f3n.\" class=\"wp-image-19282\" style=\"width:360px;height:148px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055.png 480w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055-300x123.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055-150x62.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055-390x160.png 390w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>L\u00ednea de color:<\/strong> no tienes que limitarte s\u00f3lo a bordes y l\u00edneas. La idea de a\u00f1adir una l\u00ednea de color en la firma tambi\u00e9n es aceptable. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"221\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016.png\" alt=\"Firma de correo electr\u00f3nico con una l\u00ednea de color.\" class=\"wp-image-3235\" style=\"width:450px;height:166px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016.png 600w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016-300x111.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016-150x55.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016-420x155.png 420w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mira tambi\u00e9n <a href=\"https:\/\/www.youtube.com\/watch?v=FYjs7I6TTTY\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo a\u00f1adir una l\u00ednea de color en la firma de correo electr\u00f3nico<\/a>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p>Recuerda que el objetivo es crear una firma receptiva que satisfaga a la inmensa mayor\u00eda de los usuarios, incluidos los que utilizan el tel\u00e9fono para abrir sus correos electr\u00f3nicos.<\/p>\n\n\n\n<p>Los banners que promocionan blogs, eventos o productos pueden colocarse estrat\u00e9gicamente para conseguir la m\u00e1xima visibilidad. Al integrar estos usos creativos, tu firma de correo electr\u00f3nico no s\u00f3lo tendr\u00e1 un aspecto m\u00e1s profesional, sino que tambi\u00e9n servir\u00e1 como herramienta eficaz de comunicaci\u00f3n por correo electr\u00f3nico. <\/p>\n\n\n\n<h2 id=\"eliminar-o-ajustar-los-bordes-y-las-lineas-de-la-firma\" class=\"wp-block-heading\">Eliminar o ajustar los bordes y las l\u00edneas de la firma<\/h2>\n\n\n\n<p>Llegamos al final de nuestra gu\u00eda. Ajustar o eliminar bordes y l\u00edneas de tu firma HTML puede ser necesario por varias razones, desde actualizar el dise\u00f1o hasta garantizar la compatibilidad entre distintos clientes de correo electr\u00f3nico.<\/p>\n\n\n\n<h3 id=\"eliminar-bordes-y-lineas\" class=\"wp-block-heading\">Eliminar bordes y l\u00edneas<\/h3>\n\n\n\n<p>Para eliminar un borde, selecciona los lados que deseas borrar y haz clic en el icono de la papelera. Si un borde espec\u00edfico no responde, usa la opci\u00f3n de borrar todos los lados.<\/p>\n\n\n\n<p>Ejemplo del bot\u00f3n para eliminar un borde utilizando el editor de firmas Bybrand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"498\" height=\"343\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border.png\" alt=\"\" class=\"wp-image-19293\" style=\"width:374px;height:257px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border.png 498w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border-300x207.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border-150x103.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border-390x269.png 390w\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p>En la imagen siguiente, tenemos un ejemplo de c\u00f3mo eliminar una l\u00ednea horizontal no deseada en la firma de correo electr\u00f3nico.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"337\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1.png\" alt=\"\" class=\"wp-image-19297\" style=\"width:413px;height:253px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1.png 551w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1-300x183.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1-150x92.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1-390x239.png 390w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<h2 id=\"conclusion\" class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>En este art\u00edculo, exploramos la estrategia de utilizar bordes y l\u00edneas en las firmas  HTML y destacamos su papel en la mejora de la calidad de los dise\u00f1os. Reflexionando sobre la importancia de estos elementos, est\u00e1 claro que una firma bien dise\u00f1ada es una poderosa extensi\u00f3n de la personalidad profesional.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center is-image-fill-element has-text-color\" style=\"color:#333333;grid-template-columns:18% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-1024x536.png\" alt=\"Bybrand background\" class=\"wp-image-3392 size-full\" style=\"object-position:0% 50%\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-1024x536.png 1024w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-300x157.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-150x79.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-768x402.png 768w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-764x400.png 764w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-420x220.png 420w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\" id=\"h-crea-tu-primera-firma-de-correo-electronico-con-bybrand\"><span id=\"crea-tu-primera-firma-de-correo-electronico-con-bybrand\">Crea tu primera firma de correo electr\u00f3nico con Bybrand<\/span><\/h3>\n\n\n\n<p>Cree, administre e implemente poderosas firmas de correo electr\u00f3nico para su equipo usando Bybrand.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/app.bybrand.io\/auth\/create?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=free_trial_es\" style=\"background-color:#191970\" target=\"_blank\" rel=\"noreferrer noopener\">Iniciar prueba gratuita<\/a><\/div>\n<\/div>\n\n\n\n<p>O <a href=\"https:\/\/www.bybrand.io\/es?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=moreinfo_es\"> obtener m\u00e1s informaci\u00f3n.<\/a><\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"Una gu\u00eda paso a paso sobre c\u00f3mo a\u00f1adir bordes o l\u00edneas a una firma de correo electr\u00f3nico HTML con ejemplos, para que cada elemento tenga una divisi\u00f3n l\u00f3gica.\n","protected":false},"author":4,"featured_media":19322,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3043],"tags":[],"class_list":{"0":"post-26166","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutoriales-practicos"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Remodelar tu firma de correo electr\u00f3nico con bordes y l\u00edneas<\/title>\n<meta name=\"description\" content=\"Descubre c\u00f3mo incorporar estrat\u00e9gicamente bordes y l\u00edneas (verticales y horizontales) en tu firma de correo electr\u00f3nico para mejorar la estructura y la divisi\u00f3n.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo utilizar bordes y l\u00edneas de forma eficaz en tu firma de correo electr\u00f3nico\" \/>\n<meta property=\"og:description\" content=\"Una gu\u00eda paso a paso sobre c\u00f3mo a\u00f1adir bordes o l\u00edneas a una firma de correo electr\u00f3nico HTML con ejemplos, para que cada elemento tenga una divisi\u00f3n l\u00f3gica.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/\" \/>\n<meta property=\"og:site_name\" content=\"Bybrand\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bybrandio\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-16T22:44:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-16T22:44:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bybrand\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bybrandio\" \/>\n<meta name=\"twitter:site\" content=\"@bybrandio\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/\"},\"author\":{\"name\":\"Bybrand\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99\"},\"headline\":\"C\u00f3mo utilizar bordes y l\u00edneas de forma eficaz en tu firma de correo electr\u00f3nico\",\"datePublished\":\"2025-05-16T22:44:56+00:00\",\"dateModified\":\"2025-05-16T22:44:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/\"},\"wordCount\":1141,\"publisher\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"articleSection\":[\"Tutoriales pr\u00e1cticos\"],\"inLanguage\":\"es-ES\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/\",\"url\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/\",\"name\":\"Remodelar tu firma de correo electr\u00f3nico con bordes y l\u00edneas\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"datePublished\":\"2025-05-16T22:44:56+00:00\",\"dateModified\":\"2025-05-16T22:44:57+00:00\",\"description\":\"Descubre c\u00f3mo incorporar estrat\u00e9gicamente bordes y l\u00edneas (verticales y horizontales) en tu firma de correo electr\u00f3nico para mejorar la estructura y la divisi\u00f3n.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#primaryimage\",\"url\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"width\":1200,\"height\":675,\"caption\":\"Borders and Lines\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.bybrand.io\/blog\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo utilizar bordes y l\u00edneas de forma eficaz en tu firma de correo electr\u00f3nico\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#website\",\"url\":\"https:\/\/www.bybrand.io\/blog\/es\/\",\"name\":\"Bybrand\",\"description\":\"Business Email Signatures Manager\",\"publisher\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bybrand.io\/blog\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#organization\",\"name\":\"Bybrand\",\"url\":\"https:\/\/www.bybrand.io\/blog\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png\",\"width\":600,\"height\":600,\"caption\":\"Bybrand\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bybrandio\/\",\"https:\/\/x.com\/bybrandio\",\"https:\/\/www.youtube.com\/channel\/UCPUuCgnrU3CWGJiQz5ZoZdA\",\"https:\/\/www.linkedin.com\/company\/bybrand\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99\",\"name\":\"Bybrand\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g\",\"caption\":\"Bybrand\"},\"description\":\"Bybrand is an email signature generator made for IT Managers and Marketing Professionals. The idea is to save you time in managing your team\u2019s email signatures while providing a robust marketing channel.\",\"sameAs\":[\"https:\/\/www.bybrand.io\/\",\"https:\/\/www.linkedin.com\/company\/bybrand\",\"https:\/\/www.youtube.com\/@bybrand\"],\"url\":\"https:\/\/www.bybrand.io\/blog\/es\/author\/bybrand\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Remodelar tu firma de correo electr\u00f3nico con bordes y l\u00edneas","description":"Descubre c\u00f3mo incorporar estrat\u00e9gicamente bordes y l\u00edneas (verticales y horizontales) en tu firma de correo electr\u00f3nico para mejorar la estructura y la divisi\u00f3n.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo utilizar bordes y l\u00edneas de forma eficaz en tu firma de correo electr\u00f3nico","og_description":"Una gu\u00eda paso a paso sobre c\u00f3mo a\u00f1adir bordes o l\u00edneas a una firma de correo electr\u00f3nico HTML con ejemplos, para que cada elemento tenga una divisi\u00f3n l\u00f3gica.","og_url":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_published_time":"2025-05-16T22:44:56+00:00","article_modified_time":"2025-05-16T22:44:57+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","type":"image\/png"}],"author":"Bybrand","twitter_card":"summary_large_image","twitter_creator":"@bybrandio","twitter_site":"@bybrandio","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#article","isPartOf":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/"},"author":{"name":"Bybrand","@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99"},"headline":"C\u00f3mo utilizar bordes y l\u00edneas de forma eficaz en tu firma de correo electr\u00f3nico","datePublished":"2025-05-16T22:44:56+00:00","dateModified":"2025-05-16T22:44:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/"},"wordCount":1141,"publisher":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/#organization"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","articleSection":["Tutoriales pr\u00e1cticos"],"inLanguage":"es-ES"},{"@type":"WebPage","@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/","url":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/","name":"Remodelar tu firma de correo electr\u00f3nico con bordes y l\u00edneas","isPartOf":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","datePublished":"2025-05-16T22:44:56+00:00","dateModified":"2025-05-16T22:44:57+00:00","description":"Descubre c\u00f3mo incorporar estrat\u00e9gicamente bordes y l\u00edneas (verticales y horizontales) en tu firma de correo electr\u00f3nico para mejorar la estructura y la divisi\u00f3n.","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#primaryimage","url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","contentUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","width":1200,"height":675,"caption":"Borders and Lines"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/blog\/es\/bordes-y-lineas-firma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.bybrand.io\/blog\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo utilizar bordes y l\u00edneas de forma eficaz en tu firma de correo electr\u00f3nico"}]},{"@type":"WebSite","@id":"https:\/\/www.bybrand.io\/blog\/es\/#website","url":"https:\/\/www.bybrand.io\/blog\/es\/","name":"Bybrand","description":"Business Email Signatures Manager","publisher":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bybrand.io\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-ES"},{"@type":"Organization","@id":"https:\/\/www.bybrand.io\/blog\/es\/#organization","name":"Bybrand","url":"https:\/\/www.bybrand.io\/blog\/es\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png","contentUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png","width":600,"height":600,"caption":"Bybrand"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bybrandio\/","https:\/\/x.com\/bybrandio","https:\/\/www.youtube.com\/channel\/UCPUuCgnrU3CWGJiQz5ZoZdA","https:\/\/www.linkedin.com\/company\/bybrand"]},{"@type":"Person","@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99","name":"Bybrand","image":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g","caption":"Bybrand"},"description":"Bybrand is an email signature generator made for IT Managers and Marketing Professionals. The idea is to save you time in managing your team\u2019s email signatures while providing a robust marketing channel.","sameAs":["https:\/\/www.bybrand.io\/","https:\/\/www.linkedin.com\/company\/bybrand","https:\/\/www.youtube.com\/@bybrand"],"url":"https:\/\/www.bybrand.io\/blog\/es\/author\/bybrand\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/posts\/26166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/comments?post=26166"}],"version-history":[{"count":1,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/posts\/26166\/revisions"}],"predecessor-version":[{"id":26168,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/posts\/26166\/revisions\/26168"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/media\/19322"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/media?parent=26166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/categories?post=26166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/tags?post=26166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}