CSS & Design

Triángulo CSS

Dibuja un triángulo con bordes CSS.

En el navegador

El triángulo se dibuja en esta pestaña. Copia el CSS a tu hoja de estilos.

Acerca de esta herramienta

Dibuja un triángulo CSS y copia el truco del borde.

Elige dirección, tamaño y color. La forma es una caja vacía cuyos bordes se encuentran. Arriba y abajo usan bordes transparentes a los lados. El borde de color es la cara visible.

No es un SVG y no hay archivo que descargar. Un triángulo de borde no escala con la fuente. Cambia el tamaño en píxeles y copia la regla nueva.

Lee la línea de privacidad de esta página antes de usar el resultado en público.

Pasos rápidos

  1. Dibuja un triángulo CSS y copia el truco del borde.
  2. Elige dirección, tamaño y color. La forma es una caja vacía cuyos bordes se encuentran. Arriba y abajo usan bordes transparentes a los lados. El borde de color es la cara visible.
  3. No es un SVG y no hay archivo que descargar. Un triángulo de borde no escala con la fuente. Cambia el tamaño en píxeles y copia la regla nueva.

Lee la línea de privacidad de esta página antes de usar el resultado en público.

Preguntas frecuentes

Dibuja un triángulo CSS y copia el truco del borde.

Elige dirección, tamaño y color. La forma es una caja vacía cuyos bordes se encuentran. Arriba y abajo usan bordes transparentes a los lados. El borde de color es la cara visible.

No es un SVG y no hay archivo que descargar. Un triángulo de borde no escala con la fuente. Cambia el tamaño en píxeles y copia la regla nueva.

Lee la línea de privacidad de esta página antes de usar el resultado en público.

Un paso útil a continuación

Políticas del sitio: Privacidad · Términos