Añadir un borde de forma sencilla con las opciones de la columna
Gracias a las herramientas de creación de páginas web de emiweb, puedes poner un borde a un texto, a un párrafo o a una imagen de forma muy sencilla. Basta con usar la opción de borde en una columna de tu contenido.
Edita una página de tu web. Haz clic después en las opciones de la columna y selecciona la opción de borde:
Podrás personalizar el color del borde o del fondo desde el manager, en Configuración > Diseño.
Añadir un borde a un elemento de la web con HTML/CSS
También es posible crear marcos con HTML y CSS.
Este texto está dentro de un marco.
Hay 2 métodos posibles, utilizando:
- código HTML y la hoja de estilos CSS de tu web
- elementos HTML y CSS en línea
Con código HTML y la hoja de estilos CSS de tu web
Para ello hay que cambiar el editor visual al editor HTML y añadir una clase CSS al párrafo o al fragmento de texto que se quiere enmarcar (en una etiqueta span). En CSS hay que definir 3 características del borde: su grosor, su estilo y su color. Añade también un margen interior para que el texto no quede pegado al borde.
Este es el código usado en HTML:
<span class="encadrer-un-contenu">Este texto está dentro de un marco.</span> Y estos son los estilos CSS aplicados a la clase encadrer-un-contenu:
.encadrer-un-contenu{ border: 1px solid black; padding: 5px; } Las reglas CSS se aplican en Configuración > Diseño en modo simple, en el formulario al final de la página Editar/Añadir código CSS a la plantilla (usuarios avanzados).
CSS ofrece muchas posibilidades para personalizar los bordes (redondeados, de puntos, de doble línea, etc.).
Con elementos HTML y CSS en línea
Para enmarcar un texto en HTML, cambia el editor visual al editor HTML y utiliza la etiqueta <p> (párrafo). Esta etiqueta permite definir un párrafo de texto y aplicar estilos al contenido que incluye. Por ejemplo:
<p style="border: 1px solid black; padding: 10px;" >Este texto quedará enmarcado gracias a la etiqueta <p> y a los estilos CSS definidos.</p>Este código mostrará un párrafo de texto enmarcado por un borde negro y con un espaciado interior de 10 píxeles. También hay otras etiquetas que se pueden usar para enmarcar texto, como <div> (división), <blockquote> (cita en bloque) o <pre> (texto preformateado). Cada una de ellas tiene su propio significado y se puede usar de forma adecuada según la estructura y el aspecto que quieras para tu contenido.